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

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

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

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

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

Сообщений: 31


« : 01.02.2016, 00:34:42 »

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

<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
Профи
********

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

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


Skype: renor_


« Ответ #1 : 01.02.2016, 01:55:49 »

использовать связку id="" (стиль # {}) и class="" (стиль .{}) для ulов и liшек.
учитывая, что id первоочередное в CSS.
Записан
p.g.
Осваиваюсь на форуме
***

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

Сообщений: 31


« Ответ #2 : 01.02.2016, 02:27:46 »

тяжело к понимаю. Если не затруднит, объясните подробнее.
Записан
p.g.
Осваиваюсь на форуме
***

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

Сообщений: 31


« Ответ #3 : 01.02.2016, 02:38:46 »

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

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

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


Рисую дизайны


« Ответ #4 : 01.02.2016, 03:11:38 »

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-я строка:
Код
require JModuleHelper::getLayoutPath('mod_menu', 'default_' . $item->type);
на
Код
require JModuleHelper::getLayoutPath('mod_menu', 'mymenu_' . $item->type);
б) 84-я строка:
Код
require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
на
Код
require JModuleHelper::getLayoutPath('mod_menu', 'mymenu_url');
в) 27-я строка:
Код
$class = 'item-' . $item->id;
на
Код
$class = 'span2 item-' . $item->id;
4. Заходите в админку модуля меню и выбираете в выпадающем списке mymenu.
Записан
Страниц: [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