Форум русской поддержки Joomla!® CMS
06.12.2016, 18:13:55 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Правильно настроить стили для разных уровней меню

 (Прочитано 212 раз)
0 Пользователей и 1 Гость смотрят эту тему.
DeniTornado
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 60


« : 16.09.2015, 15:22:07 »

Привет всем!
Я тут недавно постил проблемки разбираясь с CSS в Zoo-Blog. Но те траблы я победил!!разобрался где и чего лежит. Шрифт сделал какой мне надо! Сайт уже выходит на финишную прямую (почти) и сейчас настал черед главного и выпадающего меню.
Использую шаблон YT Drive. Сделал некоторые изменения в шаблоне по шрифтам - внедрил туда свои шрифты(кириллические), делал по мануалу от Yootheme. Все получилось, шрифты даже стали доступны в настройках шаблона в админке и для меню я выбрал шрифт GunnyRewrittenRegular.
Главное меню теперь выглядит так:

и другой блок


Как видно, верхний уровень 1 меню применил к себе шрифт. А под уровни ни фига!
------вот код CSS для стиля меню--------------------------
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
   font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; /* шрифт главного меню */
   font-size: 20px;
}

.menu-dropdown .level2 (тут можно изменять шрифт подменю)  > span > span.subtitle,
.menu-dropdown li.level3 { font-size: 14px; } /* подписи в подменю */

.menu-dropdown .level1 > span > span.subtitle { font-size: 12px; } /*подписи в главном меню
-------------------------------------------------------------------
Проблема в том, что я ни как не могу правильно отредактировать этот CSS чтобы все уровни меню были шрифтом GunnyRewrittenRegular
К примеру: такой код дает следующий результат:
-------------------------------------------------------------------
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif;
font-size: 22px;
}

.menu-dropdown .level2 > span > span.subtitle,
.menu-dropdown li.level3 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; }

.menu-dropdown .level1 > span > span.subtitle { font-size: 12px; }
-------------------------------------------------------------------


Видим, что шрифт поменялся у широкого меню (Блоги). Теперь пробуем поменять шрифт в выпадающем меню у пункта "Яркий Кадр"
-------------------------------------------------------------------
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif;
font-size: 22px;
}

.menu-dropdown .level2 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; } > span > span.subtitle,
.menu-dropdown li.level3 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; }

.menu-dropdown .level1 > span > span.subtitle { font-size: 12px; }
-------------------------------------------------------------------
Видим, что шрифт применился:

но у подменю БЛОГИ шрифт стал УЛТРА-мелким! И увеличивая размер в font-size, шрифт не увеличивается!

Вот я и не могу понять как тут между SPAN-ами правильно разместить описание шрифта для всего меню целиком
Прошу прощения за подобие стенгазеты, попытался более подробно представить проблему. очень прошу помочь в написании правильного синтаксиса в этом CSS, для того чтобы шрифт был везде одинаковый на трех уровнях меню:
1) Главное меню - уровень 1
2) Подменю - уровень 2
3) Subtitle - это подпись в меню (познавательный уголок, мир графики, мир кино и т.п.)

Спасибо!
« Последнее редактирование: 16.09.2015, 15:26:53 от DeniTornado » Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #1 : 16.09.2015, 20:28:25 »

Ссылка на сайт есть ?
Записан
DeniTornado
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 60


« Ответ #2 : 16.09.2015, 23:16:37 »

Ссылка на сайт есть ?
К сожалению нет! Я пока на локальном хостинге делаю сайт((. Может это поможет, но это шаблон YT Drive - http://yootheme.com/demo/joomla/drive
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #3 : 17.09.2015, 22:27:33 »

Можете выложить сайт на бесплатный хостинг и дать ссылку
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet