Как создать и настроить свой веб-сервер на VDS (05 сен 2024)

Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?

Применяем альтернативные стили

Больше
13 года 9 мес. назад - 13 года 9 мес. назад #1 от Aleksej
Что делать, если необходимо изменить оформление заголовков материалов главной страницы, не затрагивая при этом остального оформления? Учимся применять альтернативные стили:

Создаем альтернативные стили оформления

1. В файле css шаблона находим класс contentheading. Допустим он выглядит так:
Code:
.contentheading { lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #663300; }

2. Копируем его и добавляем суффикс (скажем, -new). Какой именно суффикс прописать? Ответ - да любой... главное - латиницей. Сделайте через дефис или подчеркивание.
Code:
.contentheading-new { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }
3. Сохраняем измененный файл

В классе с суффиксом -new мы заменили цвет текста (#663300 на #FF3300).

Назначаем альтернативное оформление странице

Теперь давайте назначим созданный альтернативный стиль главной странице сайта.
  • Авторизуемся в административной панели Джумла
  • Выбираем пункт меню Меню->mainmenu (Menus->mainmenu)
  • Выбираем пункт меню Главная и нажимаем кнопку «Изменить» (Edit)
  • В качестве значения параметра Суффикс класса CSS (Page Class Suffix) указываем -new (вот так, начиная с дефиса)
  • Нажимаем кнопку «Сохранить»
Таким образом можно изменить оформление любой страницы сайта, которая поддерживает суффиксы классов. Количество альтернативных стилей может быть неограниченным. Главное - не запутаться потом в собственных стилях. :)
Последнее редактирование: 13 года 9 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 2
Больше
13 года 9 мес. назад #2 от superlamer
Это все замечательно, ок.
А - если нужно поменять иной какой-нибудь стиль?
Если - не класс contentheading?
Как узнать, который класс за что отвечает?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
13 года 9 мес. назад - 12 года 8 мес. назад #3 от Aleksej
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 в режиме реального времени на любой странице в сети...

Последнее редактирование: 12 года 8 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
13 года 9 мес. назад #4 от superlamer
А есть где-нить доходчивый мануал по firebug ?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум