Скрин со старого моего сайта, немного переделал иконки + и - под дизайн. В архиве загружены стандартные картинки. Описание: Если у вас много страниц, а дизайн смещается в разные стороны из-за меню, не беда! Его можно легко и быстро свернуь в одну строчку с помощью js-menu. Автор и источник: Optysm http://www.optysm.pp.ru Установка: Там, где хотите, чтобы отображалось меню, вставляйье следующий код: Code <div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px"> <li class="expanded"><span style="font-weight:bold">Главная</span> <ul> <li><a href="$HOME_PAGE_LINK$">Главная</a></li> <li><a href="/gb/">Гостевая книга</a></li> <li><a href="/index/0-3">Обратная связь</a></li> </ul></li>
<li class="expanded"><span style="font-weight:bold">Пусто1</span> <ul> <li><a href="http://optysm.pp.ru/">Пусто</a></li> <li><a href="http://optysm.pp.ru/">Пусто2</a></li> <li><a href="http://optysm.pp.ru/">Пусто3</a></li> <li><a href="http://optysm.pp.ru/">Пусто4</a></li> <li><a href="http://optysm.pp.ru/">Пусто5</a></li>
</ul></li> <li><span style="font-weight:bold">Пусто2</span> <ul> <li><a href="http://optysm.pp.ru/">Пусто1</a></li> <li><a href="http://optysm.pp.ru/">Пусто2</a></li> <li><a href="http://optysm.pp.ru/">Пусто3</a></li> <li><a href="http://optysm.pp.ru/">Пусто4</a></li>
</ul></li> <li><span style="font-weight:bold">optysm</span> <ul> <li><a href="http://optysm.pp.ru/">сайт</a></li>
</ul></li>
<script type="text/javascript"> //<![CDATA[ var li = document.getElementById('tmenu0').getElementsByTagName('li'); for(i in li) if(li[i].className=='expanded') li[i].setAttribute('expanded','1'); function tmenudata0() { this.animation_jump = 5 this.animation_delay = 2 this.imgage_gap = 3 this.plus_image = "/plus_fav.gif" this.minus_image = "/minus_fav.gif" this.pm_width_height = "14,14" this.folder_image = "/folder.gif" this.document_image = "/n_st.gif" this.icon_width_height = "16,16" this.icon_width2_height2 = "11,6" this.indent = 10;
this.use_hand_cursor = true; this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; " this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; " this.main_container_styles = "padding:0px;" this.sub_container_styles = "padding-top:1px; padding-bottom:1px;" this.main_link_styles = "color:#ffffff; text-decoration:none;" this.main_link_hover_styles = "color:#A98579; text-decoration:underline;" this.sub_link_styles = "" this.sub_link_hover_styles = "" this.main_expander_hover_styles = "text-decoration:underline;"; this.sub_expander_hover_styles = ""; } //]]> </script> <script src="/jsMenu.js" type="text/javascript"></script></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script> </ul> --------------------Редактор-------------------- Цвет ссылок редактируйте в этой строчки кода: Code this.main_link_styles = "color:#ffffff; text-decoration:none;"
|