Главная Форум Поиск Пользователи Регистрация Доброй ночи, Гость Вход


Главная


Форум torrenpier который уже живет
это сообщество владельцев форумов на phphBB2, торрент-трекеров на движках torrentpier и SVN всех версий.
Здесь можно найти решение своих проблем на своем сайта.
Здесь можно скачать полезные и нужные моды torrenpier, phpBB2 и svn.
Наш форум - это место для общения и обмена опытом между любителей движков, создателей модов на заказ и владельцев сайтов!
Вертикальное меню с отображением пояснений  
Начать новую тему   Ответить на тему    Главная -> Оформление
Автор Сообщение
Admin
Администратор
Зарегистрирован: 2010-07-27
Сообщ.: 777
russia.gif
Сообщение 12-Мар-11 15:59 #1  
Отличный скриптик.Подойдет для шаблонов,для трекеров и форумов!!!
В левой части отображается вертикальное меню. При наведении мышкой на ссылку в меню появляется справа от него пояснение в окошке

ПОСМОТРЕТЬ ПРИМЕР МЕНЮ

Код:

<html>

<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>вертикальное меню</title>
<style type="text/css">
<!--
  Body       {font-family: Verdana; font-size: 11pt; color: #000000;}
  Td         {font-family: Verdana; font-size: 11pt; color: #000000;}
  A:Link     {color: #000080; Text-decoration: none; }
  A:Visited  {color: #000080; Text-decoration: none; }
  A:Active   {color: #000080; Text-decoration: none; }
  A:Hover    {color: #0000ff; Text-decoration: underline; }
  .navlink2 { font-size: 11pt; font-family: Verdana; cursor: hand; text-decoration: underline;}
-->
</style>
<SCRIPT language=javascript>
<!--
var LinkDivActive = 0;
var onDiv;
var timeOnDiv;
var layerRef;
var styleRef;
var showVar;
var hideVar;

if (navigator.appName == "Netscape") {
 layerRef="document.";
 styleRef="";
 showVar="'show'";
 hideVar="'hide'";
} else {
 layerRef="document.all.";
 styleRef=".style";
 showVar="'visible'";
 hideVar="'hidden'";
}

//Divisions Show | Hide
function hideDiv(divn) {
 eval(layerRef+divn+styleRef+'.visibility = '+hideVar);
}
function showDiv(divn) {
 eval(layerRef+divn+styleRef+'.visibility = '+showVar);
}

//Link Divisions Stuff
function showLinkDiv(divn) {
 if (timeOnDiv != null) {
  clearTimeout(timeOnDiv);
  hideDiv(onDiv);
 }
 showDiv(divn);
 onDiv = divn;
}

function divTimer() {
 timeOnDiv = setTimeout("divOut()",500)
}

function divOut() {
 if (LinkDivActive == 0) {
  hideDiv(onDiv);
 }
}

function LinkDivOver() {
 LinkDivActive = 1;
 clearTimeout(timeOnDiv);
}

function LinkDivOut() {
 LinkDivActive = 0;
 timeOnDiv = setTimeout("divOut()",500)
}

//-->
</SCRIPT>

</head>

<body bgColor=#ffffff link="#008000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

<DIV id="linkdiv1" style="position:absolute; left:139px; top:84px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Промышленность, сельское хозяйство</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Строительство и недвижимость, деревообработка</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Связь и телекоммуникации</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Авто-, транспорт, техника; перевозки</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Банки, биржи, финансы, страхование</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Организации и мероприятия</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Издательства, дизайн, полиграфия</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Реклама, консалтинг, информация</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Потребительские товары</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Торговля, магазины, рынки</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Товары и услуги прочие</A>
</TD></TR>
</TABLE>
</DIV>

<DIV id="linkdiv2" style="position:absolute; left:139px; top:100px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Интернет-провайдеры</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Предприятия и услуги</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Каталоги и поисковики</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Мероприятия, проекты, конкурсы</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Издания, публикации, обсуждение</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Mirrors, dead & reconstruction sites</A>
</TD>
</TABLE>
</DIV>

<DIV id="linkdiv3" style="position:absolute; left:139px; top:116px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Компьютеры и периферия (hardware)</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Программы для компьютеров (software)</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Системная интеграция, корпоративные сети</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Электроника, высокие технологии</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Издания, публикации, обсуждение</A></TD>
</TABLE>
</DIV>

<DIV id="linkdiv4" style="position:absolute; left:139px; top:132px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Интернет-магазины</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Бизнес-информация, -справочники</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Справочники, словари и энциклопедии</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Адреса, телефоны, расписание</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">ТВ и погода</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Объявления и реклама</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Чаты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Трудоустройство</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Законодательство</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Download</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Игры, развлечения</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Help</A></TD>
</TABLE>
</DIV>

<DIV id="linkdiv5" style="position:absolute; left:139px; top:148px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Научные и исследовательские учреждения, проекты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Образовательные учреждения, проекты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Библиотеки, книги, литература</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Искусство и культура</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Медицина и здоровье</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Учреждения и мероприятия</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Отдельные дисциплины</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Религия</A></TD>
</TABLE>
</DIV>

<DIV id="linkdiv6" style="position:absolute; left:139px; top:164px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Города, регионы, страны</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Дом, семья, знакомства</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Организации общественные, объединения, клубы, проекты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Министерства, ведомства; учреждения</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Организации международные, посольства</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Общество и политика</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Молодежь</A></TD>
</TABLE>
</DIV>

<DIV id="linkdiv7" style="position:absolute; left:139px; top:180px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Сетевое общение</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Развлечения, досуг</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Увлечения, мода</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Музыка</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Видео, кино</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Спорт</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Места отдыха</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Туризм и поездки</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Персональные сайты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Частные проекты</A></TD>
</TABLE>
</DIV>

<DIV id="linkdiv8" style="position:absolute; left:139px; top:196px; z-index:99; visibility:hidden">
<TABLE cellspacing="0" cellpadding="7" border="0" bgcolor="#BEDEC7">
<TR><TD align="left" valign="top">
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Агентства новостей</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Газеты</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Журналы</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Виртуальные издания</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Радио и ТВ</A><BR>
<A class="navlink2" href="" onmouseover="LinkDivOver();window.status='';return true" onmouseout="LinkDivOut();window.status=''">Специализированные издания</A></TD>
</TABLE>
</DIV>

<TABLE width="770" height="100%" cellspacing="0" cellpadding="0" border="0">

<TR>

<TD width="138" class="dummy" valign="top" bgcolor="#BEDEC7">
<TABLE width="125" border="0" cellspacing="0" cellpadding="0">
<TR><TD height=80 align=right><u>Меню</u></TD></TR>
<TR><TD width="125" align="right" valign="top">
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv1');window.status='';return true" onmouseout="divTimer();window.status=''" >Бизнес</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv2');window.status='';return true" onmouseout="divTimer();window.status=''">Интернет</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv3');window.status='';return true" onmouseout="divTimer();window.status=''">Компьютеры</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv4');window.status='';return true" onmouseout="divTimer();window.status=''">Online. Справка</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv5');window.status='';return true" onmouseout="divTimer();window.status=''">Наука. Культура</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv6');window.status='';return true" onmouseout="divTimer();window.status=''">Общество</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv7');window.status='';return true" onmouseout="divTimer();window.status=''">Личная жизнь</A><BR>
<A class="navlink1" href="" onmouseover="showLinkDiv('linkdiv8');window.status='';return true" onmouseout="divTimer();window.status=''">Масс-медиа</A></TD>
</TR>
</TABLE>
</TD>

<TD width="632" class="dummy" valign="top"><center><h3>Содержание сайта</h3></center></TD>

</TR>
</TABLE>

</body>

</html>
Вернуться к началу
    
Заголовок новой темы
Форум для новой темы
 
Страница 1 из 1
Показать сообщения:   
Начать новую тему   Ответить на тему    Главная -> Оформление Часовой пояс: GMT + 4

 

Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на torrentpier-download.ru обязательна!

sitemap     карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках



Powered by phpBB © 2001, 2011 phpBB Group
| ©2011-2024 - Воронеж |


Нравится