Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   все про работу с фоном (https://javascript.ru/forum/xhtml-html-css/23364-vse-pro-rabotu-s-fonom.html)

Артем125 21.11.2011 15:55

все про работу с фоном
 
Здравствуйте,


Поделитесь, пожалуйста, ссылками на литературу, как работать с фоном. А именно, допустим есть блок на css, с фоном (background-image: url(images/??)) В шаблоне pcd он определенного цвета. Как я понимаю, из него нужно вырезать 1 пиксель, и сохранить наверно в формате png8. Сложность в работе с фотошопом, почти не работал, и какие настройки лучше использовать для фона.


Спасибо

trikadin 21.11.2011 16:41

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://htmlbook.ru

Задавайте конкретные вопросы по ходу дела.

Seva1986 21.11.2011 17:18

Цитата:

Сообщение от trikadin
Судя по вашему сообщению, вы ну совсем не знаете javascript.

при чём тут скрипт, он про CSS спросил.

Цитата:

Сообщение от Артем125
Поделитесь, пожалуйста, ссылками на литературу, как работать с фоном

судя по вопросу ваш уровень действительно минусовой, поэтому вам просто по css книга нужна, например эрика меейера могу посоветовать http://rutracker.org/forum/viewtopic.php?t=2361564 немного устарел но как для основы достаточно фундаментален... ИМХО фундаментальнее только спецификация.

Артем125 21.11.2011 17:31

спасибо, почитаю, хотя и нет времени сейчас особо. пробежавшись - классно в книге объясняет)!

что прошу подсказать:

надо получить фон. есть шаблон в фотошопе, там нарисованы блоки закрашенные цветами (синий, зелены..), не градиент. Сделал несколько дивок с этими блоками. Фон нужно выдрать в виде картинки и непонятно вот что

количество пикселей для фона
в каком формате
как вырезать, ссылки по фотошопу

trikadin 21.11.2011 17:58

Seva1986, во-первых, это был RTFM) Внизу, рядом с кнопкой "Расширенный ответ" есть селект "- Добавить RTFM -". Текст оттуда)

А во-вторых,
Цитата:

Сообщение от trikadin
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://htmlbook.ru


Артем125 21.11.2011 18:07

trikadin, ну да, я смотрел Вашу ссылку, работа с фоном есть, с фотошопом нет. ну ладно., попробую разобраться Спасибо

Seva1986 22.11.2011 02:47

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.


Цитата:

Сообщение от trikadin
Seva1986, во-первых, это был RTFM) Внизу, рядом с кнопкой "Расширенный ответ" есть селект "- Добавить RTFM -". Текст оттуда)


блин я не видел даже этой штуки... тогда сори...

Aetae 22.11.2011 03:00

А если по теме:
Одноцветный фон задаётся не картинкой, а собсно цветом:
<body style="background-color:#0a0" />

Если же фон не монотонный, но достаточно пары пикселей для текстуры - всё равно надо делать картинку не менее 100px, тк вес все равно минимален, а браузеру гораздо легче.(пару миллионов копий картинки по 1px могут неслабо тормознуть)

Если же вы не знаете как вырезать в фотошопе, то читайте уроки по фотошопу или используйте пэинт.)

Seva1986 22.11.2011 03:34

Цитата:

Сообщение от Aetae
Если же фон не монотонный, но достаточно пары пикселей для текстуры - всё равно надо делать картинку не менее 100px, тк вес все равно минимален, а браузеру гораздо легче.(пару миллионов копий картинки по 1px могут неслабо тормознуть)


я например мелкую текстуру делаю градиентами и другими фишками css3, а ослам через условные комментарии гружу картинки = лишние запросы.

на счёт скорости отображения, это архаизм уже, оно летает даже на компах которые 12 лет назад перестали выпускать. (пробовал на первом пентаке, 16 метров оперативы, 2 метра видео памяти без графической аппаратной поддержки, 1995 или 1996 года сборки. Так вот на нём притормаживало действительно)
Картинки 100 на 100 имеет смысл использовать если это например шум какой то, чтобы переходы плавные были а не квадраты (чем-то похожие на то как хром сейчас градиенты отображает)


Часовой пояс GMT +3, время: 03:47.