И звезды погасли. Фантастика. (04 фев 2025)

Казалось бы, давно уже не торт: банальная идея, всеми корнями в экзистенциализме - привычный нам мир создан объективациями, пересечениями и взаимопроникновениями индивидуальных сознаний.

Подробнее...

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

Aleksej
Автор темы
Не в сети
Модератор

Больше

13 года 11 мес. назад - 13 года 11 мес. назад #1 от Aleksej

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 года 11 мес. назад пользователем Aleksej.

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

superlamer
Не в сети
Давно я тут

Больше

13 года 11 мес. назад #2 от superlamer

superlamer ответил в теме Re: Применяем альтернативные стили

Это все замечательно, ок.
А - если нужно поменять иной какой-нибудь стиль?
Если - не класс contentheading?
Как узнать, который класс за что отвечает?

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

Aleksej
Автор темы
Не в сети
Модератор

Больше

13 года 11 мес. назад - 12 года 11 мес. назад #3 от Aleksej

Aleksej ответил в теме Re: Применяем альтернативные стили

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 года 11 мес. назад пользователем Aleksej.

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

superlamer
Не в сети
Давно я тут

Больше

13 года 11 мес. назад #4 от superlamer

superlamer ответил в теме Re: Применяем альтернативные стили

А есть где-нить доходчивый мануал по firebug ?

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

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