1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Вопрос простой, как изменить шрифт в блоке навигация?

Главные вкладки

Аватар пользователя DesweR DesweR 1 марта 2010 в 9:50

Доброго времени суток, вопрос такой: где необходимо изменить стиль шрифта для блока меню-навигации?
Нужно сделать шрифт жирным и немного побольше.

В style.css (который из "\sites\default\files\color\мой_шаблон\") нашёл такое, близкое по смыслу:

#menu {
        height: 32px;
        vertical-align: center;
        padding-left: 0px;
        text-align: left;
}

Но изменения эффекта не дали.

P.S.
На всякий случай, используется модуль dhtml_menu.

Комментарии

Аватар пользователя DesweR DesweR 1 марта 2010 в 11:27

Пробовал добавить в css:

#menu ul{
  font-size: 20pt;
}
#menu li{
  font-size: 20pt;
}

Не действует.

За FireBug спасибо, очень удобно, вот какую конструкцию наблюдаю:

<ul class="menu">
  <li class="leaf last">
    <a href="http://localhost/bla-bla/" title="Это меню">Меню1</a>
  </li>
</ul>

С модулем DHTML Menu:

<ul class="menu">
  <li class="leaf last dhtml-menu ">
    <a href="http://localhost/bla-bla/" title="Это меню" id="dhtml_menu-121">Меню1</a>
  </li>
</ul>
Аватар пользователя DesweR DesweR 1 марта 2010 в 12:49

Уж простите, тяжело до меня доходит, а что имелось под "обёртка_вашего_блока"?

Пробовал так и так:

#sidebar-left #menu ul li a {
  font-size: 20pt;
}
#sidebar #menu ul li a {
  font-size: 20pt;
}
Аватар пользователя oboroten oboroten 1 марта 2010 в 17:05

Посмотрите в .css модуля скорей всего вам потребуется что-то вроде такой конструкции

#sidebar #menu ul li.dhtml-menu a {
}
Аватар пользователя volocuga volocuga 1 марта 2010 в 17:38

Вообще-то,в разделе "Установка и настройка" вы спрашиваете про базовые вопросы css, которые друпала не касаются в общем-то

Аватар пользователя DesweR DesweR 2 марта 2010 в 5:12

Так, почти разобрался, размер шрифта удалось увеличить, но сделать полужирным пока нет.

Добавил в dhtml_menu.css модуля DHTML Menu, следующее (спасибо oboroten за наводку):

.dhtml-menu
{
  font-size:12pt;
  font-weight: bold;
}

Размер увеличился, но жирность не устанавливается.

volocuga wrote:
Вообще-то,в разделе "Установка и настройка" вы спрашиваете про базовые вопросы css, которые друпала не касаются в общем-то

Ну это как посмотреть, у меню тут больше трудностей вызывают хитросплетения друпала с модулем DHTML Menu, а не сами базовые вопросы по CSS.

Аватар пользователя oboroten oboroten 2 марта 2010 в 15:14

"DesweR" wrote:
Добавил в dhtml_menu.css модуля DHTML Menu, следующее (спасибо oboroten за наводку):

гм... ну вообще-то я наводил вас на то чтобы перекрыть этот элемент в своём цсс стиле а не менять в стиле модуля. Рано или поздно вы обнови те модуль и ваши изменения, о которых вы к тому времени благополучно забудите, уйдут в никуда Вы же будете ломать голову в чём проблема Smile

Просто скопируйте этот элемент в свой цсс стиль и измените как вам требуется.

.dhtml-menu а
{
  font-size:12pt;
  font-weight: bold;
}

так попробуйте

"DesweR" wrote:
Ну это как посмотреть, у меню тут больше трудностей вызывают хитросплетения друпала с модулем DHTML Menu, а не сами базовые вопросы по CSS.

на самом деле хитросплетений нету просто для оформления меню модуль добавляет свои классы которые у вас не описаны потому друпал берёт их описание из цсс модуля.

Аватар пользователя DesweR DesweR 3 марта 2010 в 6:24

oboroten wrote:

.dhtml-menu а
{
  font-size:12pt;
  font-weight: bold;
}

так попробуйте

Пробовал, безрезультатно.

oboroten wrote:
на самом деле хитросплетений нету просто для оформления меню модуль добавляет свои классы которые у вас не описаны потому друпал берёт их описание из цсс модуля.

И всё же я в недоумении, в том же модуле изменил шрифт:

<strong>.dhtml-menu
{
  font: 10pt "arial black";
}</strong>

oboroten wrote:
гм... ну вообще-то я наводил вас на то чтобы перекрыть этот элемент в своём цсс стиле а не менять в стиле модуля. Рано или поздно вы обнови те модуль и ваши изменения, о которых вы к тому времени благополучно забудите, уйдут в никуда Вы же будете ломать голову в чём проблема :)

Понятно, но в моём случае это не так страшно, я выпиливаю собственный шаблон из существующего.

Аватар пользователя oboroten oboroten 3 марта 2010 в 18:59

Иногда (чесно признаюсь то как правило нету времени разбираться) приходиться для темизации отдельно взятого меню использовать конструкцию типа

#sidebar-left .block .menu ul.menu .li{}

то есть прослеживать полное дерево класов и ид.
FireBug у вас есть посему дерзайте Smile кстати он справа отображает какие стили наследуются.

и ещё - Посмотрите в каком порядке грузятся ваши файлы .css потому как браузер отрабатывает последний загруженный файл и если цсс модуля загрузится после ващего цсс от темы то естественно его и отработает браузер.