стилизация меню

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

Аватар пользователя zlodiak zlodiak 16 октября 2012 в 10:43

подскажите пожалуйста способ, которым можно стилизовать несколько меню

сейчас я копирую из файлы includes/menu.inc эти функции
theme_menu_tree(), theme_menu_item();
помещаю их в template.php своей темы; изменяю и программно вывожу меню в page.tpl.php своей темы. в результате изменения действуют на ВСЕ меню

у меня на сайте 4 меню и КАЖДОЕ из них я хотел бы стилизовать по своему

Комментарии

Аватар пользователя neltharian neltharian 16 октября 2012 в 10:47

мсье знает толк в извращениях??? зачем выводить меню в page.tpl.php. Чем не катит вывод (стандартный) меню аки блока и его темизация средствами CSS?

Аватар пользователя zlodiak zlodiak 16 октября 2012 в 12:03

выводить как блоки тоже можно, но суть проблемы от этого не меняется. по прежнему непонятно как изменять css отдельного меню, а так же при необходимости добавлять атрибуты или внутренние/внешние тэги

Аватар пользователя neltharian neltharian 16 октября 2012 в 12:23

"zlodiak" wrote:
как изменять css отдельного меню
каждый блок имеет уникальный Id - от которого и надо плясать.

какие атрибуты и теги нужно? класс active в семерке если не ошибаюсь идет из коробки. если нет - то есть спец модуль. Если надо меню картинками - есть модуль. Или можно воспользоваться Nice menu. А если надо уж совсем чтото непонятное (и оно будет статичное) то лучше набросать код меню и просто вставить в блок код.

Аватар пользователя zlodiak zlodiak 16 октября 2012 в 12:49

вопрос по 6 друпалу

за id спасибо, переправлю немного вёрстку

конкретно проблема вот в чем. на одной странице есть 2 меню навигации.
код первого меню примерно такой

<ul>
        <li>                                                   
                <a class="p1" href="#">
                        <span class="title">Создание сайтов</span>                                                                       
                </a>
        </li>

код второго меню примерно такой

<ul>
        <li class="active">                                                                                                            
                <a class="p1" href="index.html">
                        <img class="icon g-png24" src="images/icon_nav_top_2_1.png" alt="Раскрутка и продвижение сайта" title="Раскрутка и продвижение сайта" width="70" height="70" />
                       
                        <span class="title">Раскрутка <br />и продвижение сайта</span>
                </a>
               
                <span class="arrow"></span>
        </li>

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

Аватар пользователя neltharian neltharian 16 октября 2012 в 13:49

#block id ul.menu a.p1 { some css }
#block id ul.menu span.title { some css }
#block id ul.menu li.active { some css }

опять же модули тоже разные есть. можно и етот взять. http://drupal.org/project/nice_menus

И судя по вопросам твоим - тебе следует для начала общую (не друпал) матчасть подучить (CSS как минимум)

Аватар пользователя zlodiak zlodiak 17 октября 2012 в 12:18

модуль полезный, но он не решает мои проблемы:
1. стилизация определенного меню определенным образом при наличии нескольких меню на сайте
2.встроить тэг SPAN в тэг A

кроме того стилизация по id неудобна. так как если например контент-менеджер решит заменить меню средствами админки, то id может поменяться. следовательно придётся править css.
если изначально обернуть меню нужным мне тэгом, то этого не случится

Аватар пользователя neltharian neltharian 17 октября 2012 в 12:34

если не менять блока то ID не изменится. такчто все удобно. А тег SPAN там вообще лишний. кароче почитайте литературу по Drupal

Аватар пользователя zlodiak zlodiak 17 октября 2012 в 13:48

почему вы думаете, что лишний?
здесь например принципиально тот же смаый случай

<ul>
        <li class="active">                                                                                                            
                <a class="p1" href="index.html">
                        <img class="icon g-png24" src="images/icon_nav_top_2_1.png" alt="Раскрутка и продвижение сайта" title="Раскрутка и продвижение сайта" width="70" height="70" />
 
                        <span class="title">Раскрутка <br />и продвижение сайта</span>
                </a>
 
                <span class="arrow"></span>
        </li>

img и span тоже лишние? в любом случае вёрстка готова и сильно изменять её нежелательно. в этом задача