Меняем css на Ucoz. Часть 1

Большинство цветов и картинок в дизайне сейчас можно заменить только в css. (Для тех, кто не знает, то буквально год назад любой дизайн нужно было менять на каждой странице...) В этой статье будут рассказаны только самые основные моменты, которые присутствуют в каждом дизайне. И так начнем с самого начала, зайдя в таблицу стилей найдите: /* General Style / (Общий стиль) a:link* - цвет ссылок a:active - цвет активных ссылок a:visited - цвет ссылки после того как вы на нее нажали a:hover - цвет ссылки при наведении на нее. Идем далее: td, body - Настройка шрифта в body (смотрите коды страниц) и тегах <td ></td > form - содержимое тега <form> (Все формы начинаются тэгом <FORM> и звершаются тэгом </FORM>) input,textarea,select - настроика шрифта в текстовых полях, и в опросах и т.д. .copy - копирайт (обычно в дизайне находиться в нижней части) hr - тег линии, думаю многие из вас его часто использовали на форуме, что бы отделить пост. /* Menus / (Меню) Настраивается цвет меню, толщина линий. Если вы видите, что первая ссылка в меню (обычно это Главная страница) выделена неподходящим цветом, то изменить ее можно так: .uMenuV* a.uMenuItemA:link {text-decoration:none; color:# ef001b} - цвет ссылки .uMenuV a.uMenuItemA:visited {text-decoration:none; color:#000000} - цвет ссылки при посещении .uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#000000} - при навелении /* Entries Style / (Стиль записи) .eBlock - отвечает за общий вид контейнера с материалом. .eTitle - отвечает за заголовок материала. .eMessage - отвечает за вид самого материала. .eAttach - отвечает за вид приложений к материалу (прикрепления). .eDetails - отвечает за дополнения к материалу (категория, просмотры, кто добавил и т.д.) / Comments Style / (Стиль комментариев) cAnswer* - вид ответа администратора в коментариях, в гостевои книги и в разделе FAQ .cBlock1 - вид сообщения в мини-чате .cBlock2 - вид второго сообщения в мини-чате /* Calendar Style / .calWday* - Свет дней недели с понедельника по пятницу включительно (1) .calWdaySe - цвет субботы (2) .calWdaySu - цвет воскресенья (3) .calMday - цвет цифр (4) .calMdayA - текущая дата .calMdayIs - задний фон текущей даты (5) .calMdayIsA - обводка текущей даты (6). Помимо цвета обвводки solid #... можно сделать пожирнее саму обводку, для этого поменяйте border: 1px на border:2px a.calMonthLink:link - цвет названия месяца (7) a.calMonthLink:visited - цвет названия месяца после того как вы на него нажали a.calMonthLink:hover - цвет названия месяца при наведении на нее. a.calMonthLink:active - цвет активных ссылок __________________________________________________________________ Большая просьба не брать этот урок к себе на сайт, если же вам очень хочется это сделать, то свяжитесь со мной и мы обговорим возможные варианты. Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации.
1 2 3 4 5 Категория: CSS на Ucoz \| Добавил: steaming (12.10.2010) \| Автор: Юлия
Просмотров: 4167 \| Комментарии: 16 \| Рейтинг: 5.0/5