Функциональный блок навигации

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: †Py6uK†

=Nex7eL=

Дата: Вторник, 27-Октября-2009, 20:05 | Сообщение # 1

Сообщений: 701

Замечания:

Уважение
[ 11 ]

OffLine

Срипт представляет собор переключатель,ну на словах трудно объяснить)
Установка:
Куда-нить наверх шаблона ставим это:

Code

link rel="stylesheet" type="text/css" href="http://iucoz.ru/other/navvvv/navi.css">
<script type="text/javascript" src="http://iucoz.ru/other/navvvv/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://iucoz.ru/other/navvvv/jquery.idTabs.min.js"></script>

Всё файлы залиты на iucoz.ru!
Далее в любой свободный блок ставим этот код:

Code

<div id="mw_snoopy_colr_2">
<div class="mw_snoopy_banner">

<div id="usual2">
<div class="usual">
   <ul>
   <li><A href="#tabs1" class="selected">Сервисы</A></li>
   <li><A href="#tabs2">Архив</A></li>
   <li><A href="#tabs3">Погода</A></li>

   <li><A href="#tabs4">RSS</A></li>
   </ul>
   </div>
   <div id="tabs1">
<div id="tabcolumn" class="content">
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/" target="_blank"><img id="fImg2" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/cs.gif" border="0"></a></p>
<br/>
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/" ><img id="fImg6" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/t.gif" border="0"></a></p>
<br/>
<br/>

</div>
<div id="tabcolumn" class="content">
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/" target="_blank"><img id="fImg4" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/l.gif" border="0"></a></p>
<br/>
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/"><img id="fImg5" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/map.gif" border="0"></a></p>
<br/>

   <ul>
   <li><a href="$LOGIN_LINK$">Войти <small></small></a></li>

   </ul>
</div>
<div id="tabcolumn" class="content">
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/" ><img id="fImg7" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/f.gif" border="0"></a></p>
<br/>
   <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="/"><img id="fImg8" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="http://iucoz.ru/other/navvvv/c.gif" border="0"></a></p>
<br/>

   <ul>
   <li><a href="$REGISTER_LINK$">Регистрация <small></small></a></li>

   </ul>

</div>

   </div>

   <div id="tabs2" class="tabss"><center>$ARCHIVE_MENU$</div> </center>
</div>
   <div id="tabs3" class="tabss"><center>Код информера погоды</center>
</div>

   <div id="tabs4" class="tabss"><center><a href="$RSS_LINK$" target="_blank"><img src="http://iucoz.ru/other/navvvv/rss.png" width="128" height="128" border="0"></a>
</center>
</div>

</DIV>

<SCRIPT type="text/javascript">
   $("#usual2 ul").idTabs("tabs2");
</SCRIPT>

</div>

<div id="mw_snoopy_colr_3"></div>

</div>
<div style="clear: both;"> </div>

Прикрепления: 5069387.png (18.6 Kb)