Как к каждому пункту меню применить стиль span2?

  • 4 Ответов
  • 372 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

p.g.

На сайте вывел меню, которое если смотреть в коде имеет вид:

<ul class="nav menu-uslugi">
<li class="item-108"><a href="/1">Пункт 1</a></li><li class="item-109"><a href="/2">Пункт 2</a></li><li class="item-110"><a href="/3">Пункт 3</a></li>
</ul>

Теперь нужно к каждому пункту применить бутстраповский класс = "span2", т.е. привести к следующему виду


<ul class="nav menu-uslugi">
<li class="item-108 span2"><a href="/1">Пункт 1</a></li><li class="item-109 span2"><a href="/2">Пункт 2</a></li><li class="item-110 span2"><a href="/3">Пункт 3</a></li>
</ul>

Как это сделать без костылей. Сайт на денвере. Важно, чтобы эти стили добавились только в этом меню и не трогали остальные.

*

vipiusss

  • ********
  • 5462
  • [+]327 / [-]10
  • JoomlaNet
использовать связку id="" (стиль # {}) и class="" (стиль .{}) для ulов и liшек.
учитывая, что id первоочередное в CSS.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

p.g.

тяжело к понимаю. Если не затруднит, объясните подробнее.

*

p.g.

span2 идет от бутстрапа и нужно именно прописать span2, а не добавить стили от span2 к другому классу.

*

Shustry

  • *****
  • 6426
  • [+]736 / [-]3
  • Рисую дизайны
1. Копируете из modules\mod_menu\tmpl\ в templates\шаблон\html\mod_menu\ все файлы.
2. Переименовываете их в свои например так:
Код
mymenu_url.php
mymenu_separator.php
mymenu_heading.php
mymenu_component.php
mymenu.php
3. Открываете mymenu.php. Заменяете
а) 80-я строка:
Код: php
require JModuleHelper::getLayoutPath('mod_menu', 'default_' . $item->type);
на
Код: php
require JModuleHelper::getLayoutPath('mod_menu', 'mymenu_' . $item->type);
б) 84-я строка:
Код: php
require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
на
Код: php
require JModuleHelper::getLayoutPath('mod_menu', 'mymenu_url');
в) 27-я строка:
Код: php
$class = 'item-' . $item->id;
на
Код: php
$class = 'span2 item-' . $item->id;
4. Заходите в админку модуля меню и выбираете в выпадающем списке mymenu.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!