FAQ Меню в стиле проводника

Пользователь · Регистрация: 10.02.2011

Создание меню в стиле проводника.

Идем в админку:

vBa CMPS -> Добавить модуль -> Тип модуля выбрать Шаблон модуль

Название модуля - Менюшка
Подключаемый шаблон adv_portal_menu
Выделить стили в которых модуль будет использоваться
Содержимое шаблона - Вставить код, изменив ссылки на свои

PHP код:



<tr><td class="$bgclass">

<SCRIPT type=text/javascript>



if (document.getElementById){ //DynamicDrive.com change

document.write('<style type="text/css">\n')

document.write('.submenu{display: none;}\n')

document.write('</style>\n')

}



function SwitchMenu(obj){

    if(document.getElementById){

    var el = document.getElementById(obj);

    var ar = document.getElementById("masterdiv").getElementsByTagName("span"); 

        if(el.style.display != "block"){ 

            for (var i=0; i<ar.length; i++){

                if (ar[i].className=="submenu") 

                ar[i].style.display = "none";

            }

            el.style.display = "block";

        }else{

            el.style.display = "none";

        }

    }

}



</SCRIPT>



<META content="MSHTML 6.00.2600.0" name=GENERATOR>

</HEAD>

<BODY>

  

      

      <DIV id=masterdiv>

      <div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV>

      <span class="submenu" id="sub1">

      <A href="01.html">первый 1</A><BR>

      <A href="02.html">второй 1</A><BR>

      <A href="03.html">третий 1</A></SPAN></DIV>      

      

      <DIV id=masterdiv>

      <div class="menutitle" onClick="SwitchMenu('sub2')">ВЫБОР Б</DIV>

      <span class="submenu" id="sub2">

      <A href="01.html">первый 2</A><BR>

      <A href="02.html">второй 2</A></SPAN></DIV>

Вот и все!

Пользователь · 02.04.2011, 21:35

А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

Пользователь · Регистрация: 15.03.2012

Цитата:

Сообщение от melaf

А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

раскажи пожалуйста как так сделать

Пользователь · Регистрация: 04.01.2012

Цитата:

Сообщение от melaf

А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

HTML код картинками ставиш и связываеш их и всё делов то!

Пользователь · Регистрация: 15.03.2012

Цитата:

Сообщение от melaf

А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

раскажи пожалуйста как сделать

Пользователь · Регистрация: 05.04.2011

Цитата:

Сообщение от SnejoK

раскажи пожалуйста как сделать

Через тег html <img>.
Т.е., берёте код melaf, правите его так:

Код HTML:

      <DIV id=masterdiv> 
      <div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV> 
      <span class="submenu" id="sub1"> 
      <img src="http://ссылка на картинку" /><A href="01.html">первый 1</A><BR> 
      <img src="http://ссылка на картинку" /><A href="02.html">второй 1</A><BR> 
      <img src="http://ссылка на картинку" /><A href="03.html">третий 1</A></SPAN></DIV>

И, собственно, всё.

Пользователь · 15.06.2011, 00:02

А можно код посмотреть "раскрашенный" как на образце?

Пользователь · Регистрация: 15.03.2012

Цитата:

Сообщение от Lux Aeterna

<div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV>

а как вот к этому вставить картинку <div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV>

Пользователь · Регистрация: 05.04.2011

Цитата:

Сообщение от SnejoK

а как вот к этому вставить картинку <div class="menutitle" onClick="SwitchMenu('sub1')">ВЫБОР А</DIV>

Точно также, только надо вставить тег img внутри div. Т.е. так:

Код HTML:

<div class="menutitle" onClick="SwitchMenu('sub1')"><img src="http://ссылка на картинку" />ВЫБОР А</DIV>

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Инфо Моддинг в стиле S.T.A.L.K.E.R	chuvak	Моддинг	1	06.09.2012 17:43
Проблема Ошибка в стиле Plastik Orange	DimaDrathev	Вопросы по vBulletin 3.х	11	29.11.2011 20:18
Вопрос Смена цвета ссылок, текста в стиле	Nordickan	Вопросы по vBulletin 3.х	3	09.09.2010 12:05
Вопрос Window7 в стиле XP возможно ли ?	Piton331	Windows 7	1	04.03.2010 10:41
Инфо Cairo-Dock - Панель в стиле MacOS X	Vector	Статьи и FAQ	0	05.04.2009 02:08

Сириус #2
210 МГц Пользователь Вес репутации: 0 Регистрация: 10.02.2011 Сообщений: 256 Сказал(а) спасибо: 151 Спасибок 64 в 41 сообщениях	02.04.2011, 21:35 А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот:

SnejoK #5
20 МГц Пользователь Вес репутации: 0 Регистрация: 15.03.2012 Адрес: Иваново Сообщений: 282 Сказал(а) спасибо: 79 Спасибок 7 в 6 сообщениях	Re: Меню в стиле проводника - 24.04.2012, 14:10 Цитата: Сообщение от melaf А если подключить чуть чуть фантазии, то можно подставляя различные теги, раскрасить менюшку, иконками и шрифтами, например вот: раскажи пожалуйста как сделать Уже поздно возвращаться назад, чтобы все правильно начать, но еще не поздно устремиться вперед, чтобы все правильно закончить.

Славка #7
20 МГц Пользователь Вес репутации: 0 Регистрация: 12.06.2011 Сообщений: 59 Сказал(а) спасибо: 28 Спасибок 8 в 6 сообщениях	15.06.2011, 00:02 А можно код посмотреть "раскрашенный" как на образце?