×
Ruby on Rails: постинг твитов через Twitter API (04 нояб 2017)

Практикуемся в Ruby on Rails.

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

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

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

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).

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

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

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

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

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

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

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

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

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

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