Мой сайт

Главная » 2012 » Январь » 20 » Панель навигации (новая) для Ucoz
20:53
Панель навигации (новая) для Ucoz


Красивая панель для вашего сайта.Удобная и не занимает много места.Когда курсор находится вне области панели она
становится немного прозрачной,так что текст находящийся за ней будет виден.

Для установки скрипта сделайте следующее:

В блок:

<div onmouseover="this.style.opacity='1.0'" onmouseout="this.style.opacity='0.9'" style="width:13px" class="lpanel" id="lpanel1"> <BR>
<BR></div> <BR><div onmouseover="this.style.opacity='1.0'" onmouseout="this.style.opacity='0.9'" style="width:120px;display:none" class="lpanel" id="lpanel2"> <BR><div id="lpanellink"><a href="/index/8">
<span style="font-family:Tahoma;">Профиль</span></a></div> <BR><div id="lpanellink"><a href="/index/11">
<span style="font-family:Tahoma;">Ред. Профиль</span></a></div> <BR><div style="margin:-3px 0 0 0">
</div> <BR><div id="lpanellink"><a href="/index/14">
<span style="font-family:Tahoma;">Сообщения</span></a></div> <BR><div id="lpanellink"><a href="/forum">
<span style="font-family:Tahoma;">Форум</span></a></div> <BR></div>

В CSS:

.lpanel {opacity:0.9;position:fixed;bottom:50%;background:white;border:1px solid #ddd;padding:5px;height:140px} <BR>#lpanel1 img {position:relative;top:50%;cursor:pointer;border:none;} <BR>#lpanellink {line-height:32px;margin:0 0 5px 0;border:none;} <BR>#lpanellink a {color:#000;text-decoration:none;border-bottom:1px solid #ddd;font-size:11px} <BR>#lpanellink a:hover {color:#333;text-decoration:none;border-bottom:1px solid #aaa;font-size:11px} <BR>#lpanellink img {padding:0 5px 0 0;border:none;}
Категория: Скрипты для uCoz | Просмотров: 376 | Добавил: Admin_4e | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: