|
Добро пожаловать,
Гость
|
|
|
ТЕМА: Применяем альтернативные стили
Применяем альтернативные стили 1 год, 3 мес. назад #1014
|
Что делать, если необходимо изменить оформление заголовков материалов главной страницы, не затрагивая при этом остального оформления? Учимся применять альтернативные стили:
Создаем альтернативные стили оформления 1. В файле css шаблона находим класс contentheading. Допустим он выглядит так: .contentheading {
lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #663300;
}2. Копируем его и добавляем суффикс (скажем, -new). Какой именно суффикс прописать? Ответ - да любой... главное - латиницей. Сделайте через дефис или подчеркивание. .contentheading-new {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF3300;
}
3. Сохраняем измененный файл В классе с суффиксом -new мы заменили цвет текста (#663300 на #FF3300). Назначаем альтернативное оформление странице Теперь давайте назначим созданный альтернативный стиль главной странице сайта.
Таким образом можно изменить оформление любой страницы сайта, которая поддерживает суффиксы классов. Количество альтернативных стилей может быть неограниченным. Главное - не запутаться потом в собственных стилях.  |
|
|
Re: Применяем альтернативные стили 1 год, 3 мес. назад #1015
|
|
|
Re: Применяем альтернативные стили 1 год, 3 мес. назад #1016
|
Firebug вам в помощь.
 What is Firebug? Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Firebug интегрируется в Firefox для того, чтобы принести изобилие средств разработки на кончики Ваших пальцев, в то время как Вы путешествуете по сети. Вы можете редактировать, выполнять отладку и просматривать CSS, HTML и JavaScript в режиме реального времени на любой странице в сети... |
|
|
Re: Применяем альтернативные стили 1 год, 3 мес. назад #1017
|
|
|
|