Очень впечатляет скрипт "навигации", вот, пример здесь - http://12.2bb.ru/
Подводишь курсор к карте миры - тебе выпадает таблица с ссылками. В поиске не знаю, как это искать))
Заранее спс!
Навигация
Сообщений 1 страница 19 из 19
Поделиться1Вс, 2 Сен 2007 16:22:39
Поделиться2Вс, 2 Сен 2007 17:06:06
Мммм...нет идей? 0о))
Поделиться3Вс, 2 Сен 2007 17:09:54
Что Вам мешает посмотреть html код страницы и найти скрипт?
Поделиться4Вс, 2 Сен 2007 17:25:13
DART
Ммм)) Ндааааа) что-т я туплю)
Ну если чессно - легче, конешно, получить готовый ответ)))
Спасибо)
Поделиться5Вс, 2 Сен 2007 19:02:23
Нет, не смогу, наверн, выковырять)
С тэгами - пжалуста, а там скрипт, в котором я нииичего не смыслю!
Жду помощи!
Поделиться6Вс, 2 Сен 2007 19:04:37
Ну там же написано название категорий, где скрипты стоят! Никак не найти надпись "объявление"?
<Script Language="JavaScript">
mstatus=true;
timer1=false;
mstep=5;
cm=null;
hide_delay=500;
tstat=0;
// Определяем браузер пользователя
isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;
// Функция отображающая и скрывающая слои
// Вход:
// objElement - идентификатор(id) слоя;
// bolVisible - булева переменная:
// true - отобразить слой;
// false - скрыть слой.
// Выход:
// 1
// P.S: В зависимости от типа браузера
// сценарий для манипуляции с видимостью слоёв
// несколько различается.
function switchDiv(objElement,bolVisible){
if(isNS4||isIE4){
if(!bolVisible) {
objElement.visibility ="hidden"
} else {
objElement.visibility ="visible"
}
} else if (isIE5 || isNS6) {
if(!bolVisible){
objElement.style.display = "none";
} else {
objElement.style.display = "";
}
}
return 1;
}
// Функция возвращающая значение указанного ей
// свойства объекта (не обязательно слоя).
// Вход:
// el - идентификатор элемента;
// sProp - свойство (left,top...)
// Выход:
// Значение какого-нибудь свойства объекта.
function getPos(el,sProp) {
var iPos = -30;
while (el!=null) {
iPos+=el["offset" + sProp]
el = el.offsetParent
}
return iPos
}
// Функция выдаёт объект с указанным
// ей названием.
// Вход:
// myid - название объекта
// Выход: объект.
function getelementbyid(myid) {
if (isNS4){
objElement = document.layers[myid];
}else if (isIE4) {
objElement = document.all[myid];
}else if (isIE5 || isNS6) {
objElement = document.getElementById(myid);
}
return(objElement);
}
// Функция отображающая|скрывающая
// Вход:
// el - яйчейка таблицы на которой
// находится указатель;
// m - наименование слоя, который надо
// отобразить под этой яйчейкой.
function show(el,m) {
if (m!=null) {
m=getelementbyid(m);
}
// получаем элемент в m
if ((el==null) && (cm)) {
mstatus=false;
movefx()
// закрываем меню через movefx
} else if ((m!=cm) && (m)) {
if (cm!=null) switchDiv(cm,false);
// пользователь перешёл на другой пункт основного меню
// немедлено сделать невидимым предыдущий (cm) видимый в данный момент слой.
switchDiv(m,true); // сделать видимым слой m
fxel=el;
fxm=m;
fxrect=0; // текущая высота области отсечения (см. ниже)
// запоминаем значения в глобальных переменных
// для использования в дальнейшем
mstatus=true; // будем открывать меню с помощью movefx
movefx()
}
if (m) cm=m;
// запоминаем значение m в cm
if (tstat==1) {
clearTimeout(timer1);
tstat=0
// если таймер timer1 запущен, останавливаем его
}
}
// Функция "закрывающая" меню.
// Функция ничего не принимает на вход
// и возвращает 1.
function hidemenu(b) {
if (b) {
tstat=1;
timer1=setTimeout("show(null)",hide_delay);
} else {
tstat=0;
show(null);
}
}
// Функция останавливающая таймер запущенный
// прошлой функцией. Таким образом,
// меню не пропадает.
// Функция ничего не принимает на вход
// и возвращает 1.
function cancelhide() {
if (!mstatus) {
mstatus=1;
//cm=fxm;
}
tstat=0;
clearTimeout(timer1);
}
function movefx() {
if ((mstatus) && (fxrect>100)) {
fxrect=90;
return 1;
}
if ((!mstatus) && (fxrect<0)) {
fxrect=0;
switchDiv(fxm,false);
mstatus=true;
cm=null;
return 1;
}
if ((isIE5)||(isIE4)||(isNS6)) {
fxm.style.top=getPos(fxel,"Top")+(fxel.offsetHeight+2)+'px';
fxm.style.left=getPos(fxel,"Left")+'px';
if (isNS6) {
fxm.style.MozOpacity = fxrect/100;
} else {
fxm.style.filter = 'alpha(opacity='+fxrect+')';
}
if (mstatus) {
fxrect=fxrect+mstep;
setTimeout('movefx()',1);
} else {
fxrect=fxrect-mstep;
setTimeout('movefx()',1);
}
return 1;
} else {
if (mstatus) {
fxm.style.left =getPos(fxel,"Left")+"px";
fxm.style.top = (getPos(fxel,"Top")+ fxel.offsetHeight) +"px";
} else {
switchDiv(fxm,false);
cm=null;
mstatus=true;
}
return 1
}
}
</Script>
<style type="text/css">
<!--
.style1 {
color: #CC0000;
font-weight: bold;
}
.style3 {
color: #FF6600;
font-weight: bold;
}
-->
</style>
<DIV ID="submenu0" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top">
<p style="font-style:italic; font-size:12px">... Гарри Поттер и его однакашники окончили Хогвартс и напрвились на встречу новым преключениям и опасностям. За небольшое время летних каникул многое изминилось: Гермиона Грейнждер перешла на сторону Темного Лорда, Джинни Уизли не успела стать главой ОД как была беследно похищена, Трейси Девис пошла по стопам Малфоя младшего и став слугой Лорда начала собирать армию в хогвартсе. Погибли родители Пенси Паркинсон и Рудольфус Лестренж. Несчасная Беллатркс ищет утишения... </p>
</td>
</tr>
</table>
</DIV>
<DIV ID="submenu2" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" STYLE=" border-right-style: solid; border-right-width:thin; font-size:12px; border-right-color: #7f4b26;"> <div align="center">
<p><strong>Лондон<br />
</strong><a title="" href="http://12.2bb.ru/viewforum.php?id=89&action=new">Касой переулок<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=142&action=new">Дырявый Котел<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=148&action=new">Высший марус<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=106&action=new">Больница св. Мунга</a></p>
<a title="Раздел, посвящённый игре Disciples" href="http://12.2bb.ru/moderate.php?fid=90&p=1">Платформа 9 3/4</a><br />
<a title="" href="http://12.2bb.ru/viewforum.php?id=110&action=new">Лютой Переулок<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=95&action=new">Министерство Мгии <br />
<a title="Место обитания маглов" href="http://12.2bb.ru/viewforum.php?id=133">Магловский Лондон</a><br />
</div></td>
<td valign="top" STYLE=" border-right-style: solid; font-size:12px; border-right-width:thin; border-right-color: #7f4b26;"><p align="center"><strong>Другие места<br />
</strong><a title="" href="http://12.2bb.ru/viewforum.php?id=146&action=new">Верхние луга<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=149&action=new">Страны<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=132&action=new">Великие магические горы<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=143&action=new">Озеро Мерлина</a></p>
<p align="center"><strong>Окраина:<br />
</strong><a title=" Склетник" href="http://12.2bb.ru/viewforum.php?id=145&action=new">Склетник<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=141&action=new">ЛоноРихо</a><br />
<a title="" href="http://12.2bb.ru/viewforum.php?id=144&action=new">Годрикова роща<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=131&action=new">Азкабан<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=146&action=new">Верхние луга</a><br>
<a href="http://theelven.mybb.ru/viewforum.php?id=29" title=""></a></p>
</td>
<td valign="top" STYLE="font-size:12px"><div align="center">
<p><strong>Хогвартс</strong><a title="" href="http://12.2bb.ru/viewforum.php?id=129&action=new"><br />
Хогсмит</a><br />
<a title="" href="http://12.2bb.ru/viewtopic.php?id=580&action=new">Поле для квидича</a><a title="" href="http://12.2bb.ru/viewtopic.php?id=578&action=new"><br />
Запретный лес</a><br>
<strong>Особняки,, дома коттеджи<br />
</strong><a title="Малфой Мэнор " href="http://12.2bb.ru/viewforum.php?id=112&action=new">Малфой Мэннор</a><a title="" href="http://12.2bb.ru/viewforum.php?id=135&action=new"><br />Имение Паккеров
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=113&action=new"><br />
Замок Лестрейнджей<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=147&action=new">Элизиум<br />
</a>
</div></td>
</tr>
</table>
</DIV>
<DIV ID="submenu4" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" STYLE=" font-size:12px; border-right-style: solid; border-right-width:thin; border-right-color: #7f4b26;"><div align="center">
<p><strong>Реклама:<br />
</strong><a title="" href="http://12.2bb.ru/viewtopic.php?id=667">Реклама<br />
</a><a href="http://12.2bb.ru/viewtopic.php?id=863">Банерообмен</a><br>
<br>
<a title="" href="http://bred.2bb.ru/">Бесплатная реклама<br>
</a><a title="" href="http://12.2bb.ru/viewtopic.php?id=881&action=new">"По поводу рекламы"<br>
<br>
</div></td>
<td valign="top"><p align="center" class="style21"><strong>Флуд<br>
</strong><a title="Флудилка" href="http://12.2bb.ru/viewtopic.php?id=862">Флудилка</a><strong><br />
</strong><span class="style23"><a title="Гарри поттер&война миров" href="http://12.2bb.ru/viewforum.php?id=139&action=new"><strong>Гарри Поттер и</strong><br />
все, все, все... <br />
</a><a title="Пять минут смеха продливаю жизнь на один час...." href="http://12.2bb.ru/viewtopic.php?id=640&action=new">Юмор<br />
</a><a title="Пока мало, но будут еще..." href="http://12.2bb.ru/viewtopic.php?id=884&action=new">Игры</a></span></p> </td>
</tr>
</table>
</DIV>
<DIV ID="submenu5" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" style="border: inherit"><div align="center">
<p><a title="" href="http://12.2bb.ru/viewforum.php?id=126">Ежедневный пророк<br>
<br>
</a>Здесь важные и актуальные<br>
новости магического мира<br>
</div></td>
</tr>
</table>
</DIV>
<TABLE WIDTH=100% height="10 px" BORDER=0 onMouseOver="cancelhide()" onMouseOut="hidemenu(true)">
<TR>
<TD width=10% align="left" onMouseOver="show(this,'submenu0')" border=0 style="color: #CC3300; font-size:12px"><strong>Сюжет</strong></TD><TD Width=15% align="left" onMouseOver="show(this,'submenu2')" border=0 style="font-size:12px"><strong>Карта мира</strong></TD>
<TD width=15% align="left" onMouseOver="show(this,'submenu4')" border=0 style="font-size:12px"><strong>Оффтоп</strong></TD>
<TD width=15% align="left" onMouseOver="show(this,'submenu5')" border=0 style="color: #83370A; font-size:12px"><strong>Магические новости</strong></TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
</tr>
</table>
<table width="100%" border="1" boldercolor="#666666"><tr>
<td width="20%" align="center">
<span style="color:#FFFFFF; font-weight:500">
<p>
<font color=#006600
><u><b>Дата:</b></u></font>
<i> 21. 09. 1998 года.</i></p><p><font color=#006600
><u><b>Время суток:</b></u></font>
<i>Вечер.</i></p><p><font color=#006600
><u><b>Погода:</b></u></font>
<i>Прохладно, облочно. </i></p>
<font color=#990066
><u><b>Действия в игре</b></u>
</font>:
<i><p><font color=#FF0000
> ОФ</font> выполняют задания</p><p><font color=#FF0000
> ПС</font> завтра с утра все собираются в Штабе!!!</p><p><font color=#FF0000
> Студенты</font> идут на <a href="http://12.2bb.ru/viewtopic.php?pid=12357#p12357" target="_blank">урок ЗОТИ</a>.</p>
(Всем студентам отписатся <a href="http://12.2bb.ru/viewtopic.php?pid=9212#p9212" target="_blank">здесь</a>)</font></i></p>
</span></td>
<td width="25%" align="center"><i><b><p>
<font color=660000> Новости</font></p> </b>
<p><font color=660000>05.07.07. </font> Вниманию всех играков: появился новый <a href="http://12.2bb.ru/viewtopic.php?pid=9480#p9480" target="_blank">Список ззаклинаний</a></p><p><font color=660000>06.07.07. </font>Вниманию играков появилось положение <a href="http://12.2bb.ru/viewtopic.php?pid=11281#p11281" target="_blank">о постах</a>. </p><p><font color=660000>10.07.07. </font>Последнее <a href="http://12.2bb.ru/viewtopic.php?pid=11316#p11316" target="_blank">обнавление</a>. </p><p><font color=660000>16.08.07. </font> ВНИМАНИЮ игроков!!! поправки в <a href="http://12.2bb.ru/viewtopic.php?id=498">правилах</a>. Пункт 2.2 и 2.7 </p><p><font color=660000>19.08.07. </font> Вниманию всех играков: появилась статья о <a href="http://12gremmo.ucoz.ru/index/0-6" target="_blank">Манчкинстве </a></p><p><font color=660000>21.08.07. </font><font color=#FF0000> Вниманию всех жителей магического мира. Началась перепись магического населения Великобритании. Просьба всех магов <a href="http://12.2bb.ru/viewtopic.php?id=901" target="_blank">Зарегистрироваться</a> в министерстве магии.</font></p>
</i></td>
<td width="35%" align="center">
<span style="color:#FFFFFF; font-weight:700">
<p>За окном</p>
<p>
<img src="http://forumupload.ru/uploads/0000/21/47/11492-1-f.gif"><p> </span>
</td>
<td width="16%" align="center">
<span style="color:#FFFFFF; font-weight:500">
<p><font color=#0033CC ><b> Срочно тебуются!</b><i></font>:
</p><p>Филиус Флитфик;</p><p>Аластар Грюм;</p></p>Миневра Макгонагал;<p><p>Рита Скиттер;</p> <p>Аберфот Дамболдор;</p><p>Далорес Амбридж</p>Артур Уизли;</p><p><a href="http://12.2bb.ru/viewtopic.php?id=582" target="_blank">Список свободных персоонажей</a></p></i>
</span>
</td>
</tr>
</table>
</center>
<table width="100%" border="0" boldercolor="#666666"><tr>
<td width="15%" align="center">
<span style="color:#FFFFFF; font-weight:700">
<p><font color=#006600
> <i><u><b>Администрация:</p></b></u></font><p>Драко Малфой <a href="http://12.2bb.ru/sendmessage.php?id=2" target="_blank">ЛС</a></p>
<p>Люциус Малфой <a href="http://12.2bb.ru/sendmessage.php?id=85" target="_blank">ЛС</a><p><p>Белатриса Лестрендж <a href="http://12.2bb.ru/sendmessage.php?id=61" target="_blank">ЛС </a></p><p>Сабина Паккер <a href="http://12.2bb.ru/sendmessage.php?id=49" target="_blank">ЛС</a></p></i>
</span>
</td>
<td width="5%" border="0"><img src="http://forumupload.ru/uploads/0000/21/47/11426-1.gif"></td>
<td width="45%" align="center">
<span style="color:#FFFFFF; font-weight:500">
<p><b>Рейтиинг игры</p>
</p><p>
<font color=#FF0000><b>NC-17</b></font></p><p></b>...</b></p>
<p><b>Уважаемые игроки! Приглашаем Вас на захватывающую игру <p><font color=#00CC00
>Гарри Поттер и Война Миров!</font></b></p>
<p><i>Заполняйте анкеты,читайте <a href="http://12.2bb.ru/viewtopic.php?id=498" target="_blank">правила</a> и играйте на здоровье!
На удивление всем факультет Слизерин пустует, срочно требуются персонажи из канона.
Вновь прибывшие члены ОФ и ПС начинают игру в штабах. <font color=#006600
> <p>Нужны журналисты в Пророк! Все желающие отписываются в редакции газеты. </p>
<b><font color=#FF0000
>ВНИМАНЕ!</font> Реклама в чате, подписи, аватаре и ЛС запрещена!!!</font></b>
</p> <font color=#FF0000></font>
</span>
</td><td width="5%" border="0"><img src="http://forumupload.ru/uploads/0000/21/47/11428-1.gif"></td>
<td width="15%" align="center"><i><b><p>
<font color=660000
> Ссылки</font></p></b>
<p><a href="http://12.2bb.ru/viewtopic.php?pid=7229#p7229" target="_blank">FAQ</a> </p><p><a href="http://12.2bb.ru/viewtopic.php?id=498" target="_blank">Правила</a></p>
<p><a href="http://12.2bb.ru/viewtopic.php?id=593" target="_blank">Сценарий</a></p><a href="http://12.2bb.ru/viewtopic.php?id=867" target="_blank">Распорядок дня</a><p><a href="http://12.2bb.ru/viewtopic.php?pid=11055#p11055" target="_blank">Календарь (1998 год)</a></p><p><a href="http://12.2bb.ru/viewtopic.php?pid=11091#p11091" target="_blank">Список вакансий</a></p>
<b><p><font color=660000
> Анкеты</font></p></b>
<p><a href="http://12.2bb.ru/viewtopic.php?id=871" target="_blank">Студенты</a></p>
<p><a href="http://12.2bb.ru/viewtopic.php?id=495" target="_blank">Профессора</a></p>
<p><a href="http://12.2bb.ru/viewtopic.php?id=500" target="_blank">Пожиратели Смерти</a></p>
<p><a href="http://12.2bb.ru/viewtopic.php?id=502" target="_blank">Члены Ордена Феникса</a></p>
<p><a href="http://12.2bb.ru/viewtopic.php?id=494" target="_blank">Другие персоонажи</a></p></i>
</td>
</p>
</span>
</td>
</tr>
</table>
</center>
Поделиться7Вс, 2 Сен 2007 19:18:49
ДОМИНИОН
Спасибо за "разжевательство", пойду разбираться, +
Поделиться8Вс, 2 Сен 2007 21:03:25
ТААААК)
Кому не лень, найдите ошибку, знаю, много ненужного - я прост пока сижу в ФронтПэйдж))
В общем, вставляю на форум и получается...эммм... сам форум расширяется и стираются границы)
<Script Language="JavaScript">
mstatus=true;
timer1=false;
mstep=5;
cm=null;
hide_delay=500;
tstat=0;isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;function switchDiv(objElement,bolVisible){
if(isNS4||isIE4){
if(!bolVisible) {
objElement.visibility ="hidden"
} else {
objElement.visibility ="visible"
}
} else if (isIE5 || isNS6) {
if(!bolVisible){
objElement.style.display = "none";
} else {
objElement.style.display = "";
}}
return 1;
}
function getPos(el,sProp) {
var iPos = -30;
while (el!=null) {
iPos+=el["offset" + sProp]
el = el.offsetParent
}
return iPos}
function getelementbyid(myid) {
if (isNS4){
objElement = document.layers[myid];
}else if (isIE4) {
objElement = document.all[myid];
}else if (isIE5 || isNS6) {
objElement = document.getElementById(myid);
}
return(objElement);
}
function show(el,m) {if (m!=null) {
m=getelementbyid(m);
}
if ((el==null) && (cm)) {
mstatus=false;
movefx()
} else if ((m!=cm) && (m)) {
if (cm!=null) switchDiv(cm,false);
switchDiv(m,true);
fxel=el;
fxm=m;
fxrect=0;
mstatus=true;
movefx()
}
if (m) cm=m;
if (tstat==1) {
clearTimeout(timer1);
tstat=0
}}
function hidemenu(b) {
if (b) {
tstat=1;
timer1=setTimeout("show(null)",hide_delay);
} else {
tstat=0;
show(null);
}}
function cancelhide() {
if (!mstatus) {
mstatus=1;
//cm=fxm;
}tstat=0;
clearTimeout(timer1);}
function movefx() {
if ((mstatus) && (fxrect>100)) {
fxrect=90;
return 1;
}if ((!mstatus) && (fxrect<0)) {
fxrect=0;
switchDiv(fxm,false);
mstatus=true;
cm=null;
return 1;
}if ((isIE5)||(isIE4)||(isNS6)) {
fxm.style.top=getPos(fxel,"Top")+(fxel.offsetHeight+2)+'px';
fxm.style.left=getPos(fxel,"Left")+'px';
if (isNS6) {
fxm.style.MozOpacity = fxrect/100;
} else {
fxm.style.filter = 'alpha(opacity='+fxrect+')';}
if (mstatus) {
fxrect=fxrect+mstep;
setTimeout('movefx()',1);
} else {
fxrect=fxrect-mstep;
setTimeout('movefx()',1);
}return 1;
} else {
if (mstatus) {
fxm.style.left =getPos(fxel,"Left")+"px";
fxm.style.top = (getPos(fxel,"Top")+ fxel.offsetHeight) +"px";
} else {
switchDiv(fxm,false);
cm=null;
mstatus=true;
}
return 1
}}
</Script>
<style type="text/css">
<!--
.style1 {
color: #CC0000;
font-weight: bold;
}
.style3 {
color: #FF6600;
font-weight: bold;
}
-->
</style><DIV ID="submenu0" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #778899; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#66CD00" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top">
<p style="font-style:italic; font-size:14px"> Мир разделен на две части неприступными горами. В каждой части появилось свое королевство - Светлое и Темное. Соединяет миры лишь узкая тропа, которая получила название "ТРОПА ТЕНЕЙ" </p>
</td>
</tr>
</table>
</DIV>
<DIV ID="submenu2" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #778899; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#66CD00" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" STYLE=" border-right-style: solid; border-right-width:thin; font-size:12px; border-right-color: #7f4b26;"> <div align="center">
<p><strong>Светлое Королевство<br /> <br>
</strong><a title="На троне - Орифия" href="http://12.2bb.ru/viewforum.php?id=89&action=new">Столица Ниикве<br />
</a><a title="Здесь много чего интересного" href="http://12.2bb.ru/viewforum.php?id=142&action=new">Окрестные деревеньки<br />
</a><a title="Живут и царствуют Светлые эльфы" href="http://12.2bb.ru/viewforum.php?id=148&action=new">Эльфийский Лес<br />
</a><a title="Гномам и Дварфам - сюда" href="http://12.2bb.ru/viewforum.php?id=106&action=new">Светлые горыа</a></p><p align="center"><strong>Тропа Теней:<br /> <br>
</strong><a title="Неприступные горы, которые рассекают мир напополам..." href="http://12.2bb.ru/viewforum.php?id=145&action=new">Горы<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=141&action=new">Нейтральные Земли</a><br /><a href="http://theelven.mybb.ru/viewforum.php?id=29" title=""></a></p>
</td>
<td valign="top" STYLE="font-size:12px"><div align="center">
<p><strong>Темное Королевство</strong><a title="Этот город - столица Темного королевства" href="http://12.2bb.ru/viewforum.php?id=129&action=new"><br />
Столица Морна</a><br />
<a title="Под столицей находится сеть туннелей, которая распространяется далеко в глубь Долины смерти, которую облюбовали оборотни и вурдалаки." href="http://12.2bb.ru/viewtopic.php?id=580&action=new">Катакомбы</a><a title="Вокруг столицы насколько хватает глаз, мёртвая земля на которой уничтожена вся растительность. Это было сделано по приказу Тёмного повелителя, дабы ни один лазутчик и ни одно войско не смогло пробраться незамеченными..." href="http://12.2bb.ru/viewtopic.php?id=578&action=new"><br />
Долина Смерти</a><br><br>
</div></td>
</tr>
</table>
</DIV>
<DIV ID="submenu4" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" STYLE=" font-size:12px; border-right-style: solid; border-right-width:thin; border-right-color: #7f4b26;"><div align="center">
<p><strong>Основные правила<br /><br>
</strong><a title="О том, как правильно это делать" href="http://12.2bb.ru/viewtopic.php?id=667">Как писать посты<br />
</a><a href="http://12.2bb.ru/viewtopic.php?id=863">Правила форума</a><br>
<br>
<a title="" href="http://bred.2bb.ru/">Информация об игре<br>
</a><a title="" href="http://12.2bb.ru/viewtopic.php?id=881&action=new">"По поводу рекламы"<br>
<br>
</div></td>
</tr>
</table>
</DIV><DIV ID="submenu5" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" style="border: inherit"><div align="center">
<p><a title="" href="http://12.2bb.ru/viewforum.php?id=126">Здесь будут новости игры...<br>
<br>
</a>Самые важные и актуальные<br>
моменты<br>
</div></td>
</tr>
</table>
</DIV><TABLE WIDTH=100% height="10 px" BORDER=1 onMouseOver="cancelhide()" onMouseOut="hidemenu(true)" bordercolor="#638D36" bgcolor="#66CD00">
<TR>
<TD width=10% align="center" onMouseOver="show(this,'submenu0')" border=0 style="color:#00000 ; font-size:16px"><strong>Сюжет</strong></TD>
<TD Width=15% align="center" onMouseOver="show(this,'submenu2')" border=0 style="font-size:16px"><strong>Карта мира</strong></TD>
<TD width=15% align="center" onMouseOver="show(this,'submenu4')" border=0 style="font-size:16px"><strong>Важно!</strong></TD>
<TD width=15% align="center" onMouseOver="show(this,'submenu5')" border=0 style="color: #00000; font-size:16
px">
<strong><span lang="ru">НОВОСТИ</span></strong></TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
</tr>
</table>
</center>
</center>
Поделиться9Пн, 3 Сен 2007 00:49:10
вопрос касательно того же форума. а можно сделать, чтобы форумы скрывались автоматом по категориям, а при нажатии раскрывались? если не сложно, дайте скриптик
Поделиться11Пн, 3 Сен 2007 17:21:00
Гммм..ну помогите найти ошибку!
Поделиться12Пн, 3 Сен 2007 17:34:11
Гммм..ну помогите найти ошибку!
Де и в чем выражаеЦЦО?
Поделиться13Пн, 3 Сен 2007 18:26:09
Andriy
ТААААК)
Кому не лень, найдите ошибку, знаю, много ненужного - я прост пока сижу в ФронтПэйдж))
В общем, вставляю на форум и получается...эммм... сам форум расширяется и стираются границы)
Поделиться14Пн, 3 Сен 2007 23:21:25
Орифия
Чесно говоря мне лень искать ошибку в той куче)) И это очень долго
Но я могу написать то что тебе нужно с нуля. Но при этом есть 2 условия:
1)Ты пишешь четко что тебе нужно
2)Ну и это будет стоить кучи плюсиков
Второе необязательно)))
Отредактировано Andriy (Пн, 3 Сен 2007 23:21:53)
Поделиться15Вт, 4 Сен 2007 16:22:17
Andriy
ГЫ) буду ставить плюсики заранее))
Таак..
Очень впечатляет скрипт "навигации", вот, пример здесь - http://12.2bb.ru/
Подводишь курсор к карте миры - тебе выпадает таблица с ссылками. В поиске не знаю, как это искать))
Заранее спс!
Вот, что было нужно с самого начала.
Мя послали самой его разтаскивать))
ГЫ) Это, собссно, категории, тобишь ссылки)
<td valign="top" STYLE=" border-right-style: solid; border-right-width:thin; font-size:12px; border-right-color: #7f4b26;"> <div align="center">
<p><strong>Светлое Королевство<br /> <br>
</strong><a title="На троне - Орифия" href="http://12.2bb.ru/viewforum.php?id=89&action=new">Столица Ниикве<br />
</a><a title="Здесь много чего интересного" href="http://12.2bb.ru/viewforum.php?id=142&action=new">Окрестные деревеньки<br />
</a><a title="Живут и царствуют Светлые эльфы" href="http://12.2bb.ru/viewforum.php?id=148&action=new">Эльфийский Лес<br />
</a><a title="Гномам и Дварфам - сюда" href="http://12.2bb.ru/viewforum.php?id=106&action=new">Светлые горыа</a></p><p align="center"><strong>Тропа Теней:<br /> <br>
</strong><a title="Неприступные горы, которые рассекают мир напополам..." href="http://12.2bb.ru/viewforum.php?id=145&action=new">Горы<br />
</a><a title="" href="http://12.2bb.ru/viewforum.php?id=141&action=new">Нейтральные Земли</a><br /><a href="http://theelven.mybb.ru/viewforum.php?id=29" title=""></a></p>
</td>
<td valign="top" STYLE="font-size:12px"><div align="center">
<p><strong>Темное Королевство</strong><a title="Этот город - столица Темного королевства" href="http://12.2bb.ru/viewforum.php?id=129&action=new"><br />
Столица Морна</a><br />
<a title="Под столицей находится сеть туннелей, которая распространяется далеко в глубь Долины смерти, которую облюбовали оборотни и вурдалаки." href="http://12.2bb.ru/viewtopic.php?id=580&action=new">Катакомбы</a><a title="Вокруг столицы насколько хватает глаз, мёртвая земля на которой уничтожена вся растительность. Это было сделано по приказу Тёмного повелителя, дабы ни один лазутчик и ни одно войско не смогло пробраться незамеченными..." href="http://12.2bb.ru/viewtopic.php?id=578&action=new"><br />
Долина Смерти</a><br><br>
</div></td>
</tr>
</table>
</DIV>
<DIV ID="submenu4" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" STYLE=" font-size:12px; border-right-style: solid; border-right-width:thin; border-right-color: #7f4b26;"><div align="center">
<p><strong>Основные правила<br /><br>
</strong><a title="О том, как правильно это делать" href="http://12.2bb.ru/viewtopic.php?id=667">Как писать посты<br />
</a><a href="http://12.2bb.ru/viewtopic.php?id=863">Правила форума</a><br>
<br>
<a title="" href="http://bred.2bb.ru/">Информация об игре<br>
</a><a title="" href="http://12.2bb.ru/viewtopic.php?id=881&action=new">"По поводу рекламы"<br>
<br>
</div></td>
</tr>
</table>
</DIV><DIV ID="submenu5" STYLE="LEFT: -1000px; border-style: solid; border-width:thin; border-color: #CD853F; OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()">
<table bgcolor="#D2B48C" cellpadding=1 cellspacing=0 BORDER=0>
<tr>
<td valign="top" style="border: inherit"><div align="center">
<p><a title="" href="http://12.2bb.ru/viewforum.php?id=126">Здесь будут новости игры...<br>
<br>
</a>Самые важные и актуальные<br>
моменты<br>
</div></td>
</tr>
</table>
</DIV><TABLE WIDTH=100% height="10 px" BORDER=1 onMouseOver="cancelhide()" onMouseOut="hidemenu(true)" bordercolor="#638D36" bgcolor="#66CD00">
<TR>
<TD width=10% align="center" onMouseOver="show(this,'submenu0')" border=0 style="color:#00000 ; font-size:16px"><strong>Сюжет</strong></TD>
<TD Width=15% align="center" onMouseOver="show(this,'submenu2')" border=0 style="font-size:16px"><strong>Карта мира</strong></TD>
<TD width=15% align="center" onMouseOver="show(this,'submenu4')" border=0 style="font-size:16px"><strong>Важно!</strong></TD>
<TD width=15% align="center" onMouseOver="show(this,'submenu5')" border=0 style="color: #00000; font-size:16
px">
<strong><span lang="ru">НОВОСТИ</span></strong></TD>
</TR>
</TABLE>
Поделиться16Вт, 4 Сен 2007 18:16:07
ГЫ) буду ставить плюсики заранее))
Не)) а вдруг ничего не получиться!!!
Я имел ввиду сколько ссылок делать для наведения? Абсолютно всё как в примере??
Поделиться17Вт, 4 Сен 2007 20:44:57
Орифия
Всё, готово!(4 ссылки, при наведении на которые - разное меню)
Состоит из нескольких частей, которые нужно вставлять в разные места:
В HTML-верх:
<style type="text/css"> #part1,#part2,#part3,#part4 { z-index: 2; position: absolute; visibility: hidden} </style>
В HTML-низ:
<script language="JavaScript"> function part1ON() {document.getElementById("part1").style.visibility='visible'} function part2ON(){document.getElementById("part2").style.visibility='visible'} function part3ON(){document.getElementById("part3").style.visibility='visible'} function part4ON(){document.getElementById("part4").style.visibility='visible'} function part1OFF() {document.getElementById("part1").style.visibility='hidden'} function part2OFF(){document.getElementById("part2").style.visibility='hidden'} function part3OFF(){document.getElementById("part3").style.visibility='hidden'} function part4OFF(){document.getElementById("part4").style.visibility='hidden'} </script>
В обьявление
<a href="" onMouseOver="part1ON()" onMouseOut="part1OFF()">Линка 1</a> <a href="" onMouseOver="part2ON()" onMouseOut="part2OFF()">Линка 2</a> <a href="" onMouseOver="part3ON()" onMouseOut="part3OFF()">Линка3</a> <a href="" onMouseOver="part4ON()" onMouseOut="part4OFF()">Линка 4</a> <div id="part1" class="container"> Контейнер номер 1 </div> <div id=part2 class="container"> Контейнер номер 2 </div> <div id=part3 class="container"> Контейнер номер 3 </div> <div id="part4" class="container"> Контейнер номер 4 </div>
Кроме части для обьявления ничего менять ненадо!!
Содержимое появляющегося меню находиться между тегами <div ...></div> - тоесть то что ты хочешь что б у тебя было в меню- ставить туда. Можно вставлять туда всё1 что угодно; картинки, ссылки, кнопки, таблицы и тд, хоть еще одно всплывающее меню! Вот и всё)
Пример работы на http://nin.2bb.ru
Отредактировано Andriy (Вт, 4 Сен 2007 20:45:32)
Поделиться18Вт, 4 Сен 2007 22:38:14
Andriy
Мегаааааа-спасибо, буду разбираться, если что, опять обращусь. Заффтра исчо один плюсег)))
Поделиться19Вт, 4 Сен 2007 22:52:45
Всегда пожалуйста))