Выпадающее меню

bestprogs.ru · 1 июня 2009

Как можно в стандартной теме Default сделать выпадающее меню на подобии как сейчас на моём сайте: www.bestprogs.ru

Собираюсь сменить шаблон, но вот с меню чего делать - не знаю :rolleyes:

WWW.ZEOS.IN · 1 июня 2009

Вырезать его из прошлого шаблона и вставить в нужный

В файле main.tpl

maks1192 · 1 июня 2009

Нужно иметь хотя-бы минимальные знания в html, вот этот код вставляешь где нужно в main.tpl:

 <!--Блог Меню --> 


<table>

<tr><td>

<center>

<a href="/index.php" title="Главная страница сайта">Главная страница</a>

<img src="/templates/simple/images/str.png">

</center>

</td></tr>


<script language=JavaScript type="text/javascript"> 

var browserName = ''; 

var browserNew = ''; 

function getIdProperty(id,property) { 

   var styleObject = document.getElementById( id ); 

   if (styleObject != null) { 

   styleObject = styleObject.style; 

   if (styleObject[property]) { 

   return styleObject[ property ]; 

   } 

   } 

   return (styleObject != null) ? 

   styleObject[property] : 

   null; 

   } 

function setIdProperty(id,property,value) { 

   var styleObject = document.getElementById( id ); 

   if (styleObject != null) { 

   styleObject = styleObject.style; 

   styleObject[ property ] = value; 

   } 

   } 

function getDisplay(id) { 

   if (browserNew) { 

   return getIdProperty(id,"display"); 

   } 

   else { 

   if (browserName == "NS") { 

   return document.layers[id].display; 

   } 

   else { 

   return document.all[id].style.display; 

   } 

   } 

   } 

function switchDisplay(id,value) { 

   if (browserNew) { 

   setIdProperty(id,"display",value); 

   } 

   else { 

   if (browserName == "NS") { 

   document.layers[id].display = value; 

   } 

   else { 

   document.all[id].style.display = value; 

   } 

   } 

   } 

function expandContent(id, param){ 

   if (getDisplay('t' + id) == 'none') { 

   switchDisplay('t'+id,'block'); 

   setIdProperty('a'+id, 'color', '#000000') 


   } else { 

   switchDisplay('t'+id,'none');   

   setIdProperty('a'+id, 'color', '#444444') 

   } 

} 

 </SCRIPT> 


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/security" onClick="expandContent('1'); return false;"><B>Безопасность</B></a> 

<br></td></tr><tr><td> 

<div id="t1" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/security_antivir">Антивирусы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/security_antispy">Антишпионы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/security_firewall">Файрволлы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/security_complex">Комплексная защита</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/security">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/multimedia" onClick="expandContent('2'); return false;"><B>Мультимедиа</B></a> 

<br></td></tr><tr><td> 

<div id="t2" style="border:0px; display:none;padding-left:10px;"> 

   <img src="/templates/simple/images/2.png"> <a href="/multimedia_player">Плееры</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/multimedia_converter">Конвертеры</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/multimedia_burn">Запись CD/DVD</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/multimedia_utilits">Утилиты</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/multimedia">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>  


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/internet" onClick="expandContent('3'); return false;"><B>Интернет</B></a> 

<br></td></tr><tr><td> 

<div id="t3" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/internet_download">Загрузка файлов</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/internet_icq">Общение</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/internet_browser">Браузеры</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/internet_mail">Почтовые программы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/internet_other">Другие</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/internet">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr> 


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/system" onClick="expandContent('4'); return false;"><B>Система</B></a> 

<br></td></tr><tr><td> 

<div id="t4" style="border:0px; display:none;padding-left:10px;">  

   <img src="/templates/simple/images/2.png"> <a href="/system_disk">Диски и файлы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/system_optimize">Оптимизация</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/system_registry">Реестр Windows</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/system_other">Другие</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/system">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr> 


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/design" onClick="expandContent('5'); return false;"><B>Графика и дизайн</B></a> 

<br></td></tr><tr><td> 

<div id="t5" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/design_editor">Редакторы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/design_view">Просмотр файлов</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/design">Все программы раздела</a><br>  

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/text" onClick="expandContent('6'); return false;"><B>Текст</B></a> 

<br></td></tr><tr><td> 

<div id="t6" style="border:0px; display:none;padding-left:10px;">  

   <img src="/templates/simple/images/2.png"> <a href="/text_editor">Редакторы</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/text_translit">Перевод и распознование</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/text_other">Другие</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/text">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/mobile" onClick="expandContent('7'); return false;"><B>Mobile</B></a> 

<br></td></tr><tr><td> 

<div id="t7" style="border:0px; display:none;padding-left:10px;">  

   <img src="/templates/simple/images/2.png"> <a href="/mobile_security">Безопасность</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/mobile_icq">Общение</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/mobile_games">Игры</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/mobile_sinchronization">Синхронизация</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/mobile_other">Другие программы</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/mobile">Все программы раздела</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/games" onClick="expandContent('8'); return false;"><B>Игры</B></a> 

<br></td></tr><tr><td>

<div id="t8" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/games_logic">Логические игры</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/games_chess">Шахматы, шашки</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/games_cards">Карты</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/games_other">Другие</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/games">Все игры</a><br> 

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/driver" onClick="expandContent('9'); return false;"><B>Драйвера</B></a> 

<br></td></tr><tr><td>

<div id="t9" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/driver_audio">Аудио драйвера</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/driver_video">Видео драйвера</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/driver_other">Другие</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/driver">Все драйвера</a><br> 

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/other" onClick="expandContent('10'); return false;"><B>Другое</B></a> 

<br></td></tr><tr><td> 

<div id="t10" style="border:0px; display:none;padding-left:10px;">

   <img src="/templates/simple/images/2.png"> <a href="/other_book">Книги</a><br>  

   <img src="/templates/simple/images/2.png"> <a href="/other_oboi">Обои</a><br> 

   <img src="/templates/simple/images/2.png"> <a href="/other_prompt">Заставки</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/other">Весь раздел</a><br> 

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


<tr><td> <img src="/templates/simple/images/001_25.png" ALIGN=MIDDLE> <a href="/news" onClick="expandContent('11'); return false;"><B>Новости</B></a> 

<br></td></tr><tr><td> 

<div id="t11" style="border:0px; display:none;padding-left:10px;">  

   <img src="/templates/simple/images/2.png"> <a href="/news_it-news">IT-Новости</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/news_mobile">Мобильные новинки</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/news_politics">Политика</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/news_interes">Это интересно</a><br>

   <img src="/templates/simple/images/2.png"> <a href="/news_other">Другие новости</a><br>

<center><img src="/templates/simple/images/str.png"></center>

   <img src="/templates/simple/images/2.png"> <a href="/news">Все новости</a><br>

<center><img src="/templates/simple/images/str.png"></center>

</div></td></tr>


</table> <br>



 <!--/Блог Меню -->

Изменено 1 июня 2009 пользователем maks1192

bestprogs.ru · 1 июня 2009

Спасибо! Буду пробовать

bestprogs.ru · 2 июня 2009

WWW.ZEOS.IN,

Спасибо большое что создали мне хороший новый блок навигации! И за шапку тоже спасибо :rolleyes:

Войти

Выпадающее меню

Рекомендованные сообщения

bestprogs.ru 0

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

maks1192 96

Ссылка на сообщение

Поделиться на других сайтах

bestprogs.ru 0

Ссылка на сообщение

Поделиться на других сайтах

bestprogs.ru 0

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность