Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

верхнее меню м графическими имеджами

00 голосов
6
скажите пожалусто, как возможно реализовать такое меню , когда при наведении на пункт менялась картинка бекграунда?
как вот тут например http://www.altiris.com/ :cry:
спросил 21 Сен, 13 от Den (180 баллов)

6 Ответы

00 голосов
CSS
ответил 27 Сен, 13 от Jackie (380 баллов)
00 голосов
А ТОГДА В ВЫПАДАЮЩИХ РАЗДЕЛАХ ТОЖЕ ЭТА КАРТИНКА ВЫРИСОВЫВАЕТСЯ :o
может у кого нибудь будет готовое решение такого шаблона верхнего муню?
ответил 28 Дек, 13 от Kania (5,180 баллов)
00 голосов
:evil:
ответил 13 Апр, 14 от Den (180 баллов)
00 голосов
Немного кривой пример, но для вашего случая подойдет, я думаю. Обратите внимание, что тут в качестве выпадающего используется меню popup, вместо обычного left ;)

Код
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?><?

$sMenu = '

<table width="100%" cellspacing=0 cellpadding=0 border=0>

    <tr>

        <td><img src="/bitrix/templates/'.SITE_TEMPLATE_ID.'/images/topmenu_lc.gif" alt=""></td>

';



for($i=0; $i<count($MENU_ITEMS); $i++)

{

        $MENU_ITEM = $MENU_ITEMS[$i];

        extract($MENU_ITEM);



        $id = "topmenu".$i;



        $sMenu .= '

        <td width="0%">

';



        $popup_menu = new CMenu("popup");

        $popup_menu->Init($LINK, true);

        if(count($popup_menu->arMenu) > 0)

        {

                $popup_menu->template = "/bitrix/templates/".SITE_TEMPLATE_ID."/popup.menu_template.php";

                $sMenu .= '<div style="margin-top:15px; position:relative; width: 100%;">';

                $sMenu .= '<div onMouseOver="show('.$i.')" onMouseOut="hidden('.$i.')" id="menu'.$i.'" style="visibility: hidden; position: absolute; z-index: +1; top: 0px;" >';

                $sMenu .= $popup_menu->GetMenuHtmlEx();

                $sMenu .= '</div></div>';

        }

        $sMenu .= '

        </td>

        <td class="topmenu" nowrap onmouseover="show('.$i.'); this.className=\'topmenu_a\'" onmouseout="hidden('.$i.'); this.className=\'topmenu\'" width="0%"><a href="'.$LINK.'">'.$TEXT.'</a></td>

';

}



$sMenu .= '

        <td><img src="/bitrix/templates/'.SITE_TEMPLATE_ID.'/images/topmenu_rc.gif" alt=""></td>

        <td width="100%"></td>

    </tr>

</table>

';



?>


В CSS topmenu_a - стиль активной позиции меню, topmenu - обычная
ответил 06 Авг, 14 от krivedko (500 баллов)
00 голосов
что то не получается , этот шаблон у меня не заработал... :cry:

вот например я начинаю подставлять через java шаблон, когда подставляю значения в строку с данными картинки и ссылки в шаблоне меню.. происходят какието ошибки
ответил 10 Дек, 14 от Den (180 баллов)
00 голосов
даже смотрел проэкты которые зделаны на системе.. неодного сайта не нашел, чтоб такой способ был реализован :!:
ответил 01 Апр, 15 от Den (180 баллов)

Похожие вопросы

0 голосов
2 ответов
спросил 23 Апр, 14 от IdeaL (100 баллов)
0 голосов
5 ответов
спросил 15 Ноя, 13 от Gabrial (120 баллов)
0 голосов
6 ответов
спросил 15 Июль, 13 от Misty (440 баллов)
0 голосов
9 ответов
спросил 24 Апр, 13 от Lisenok (260 баллов)
0 голосов
2 ответов