Что нового?

Меню

GwynnBleiidd

GwynnBleiidd

Школьник
Репутация
0 / 1 048
men.png


Автор: djbart
Версия: 1

Описание: Новая менюшка с скрывающимися блоками.

Установка:
В темпле меняем всё на это:
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">Скрытая информация: "left_menu.tpl" <input type="button" value="Показать" style="width:60px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
<div id='leftmenu'>
<script language="javascript">
function f(target_url,win_name) {
var new_win = window.open(target_url,win_name,'resizable=yes,scrollbars=yes,menubar=no,toolbar=no,width=550,height=280,top=
0,left=0');
new_win.focus();
}
</script>
<body class="style" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<center>
<div id='menu'>


<table width="130" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" style="border-top: 1px #545454 solid"><div><center>{servername}
(
Вам необходимо зарегистрироваться для просмотра ссылок
)<center></div></td>
</tr><tr>
<td colspan="2" background="{dpath}img/bg1.gif">
<a href="java script:void(0);" onclick="var x = document.getElementsByName('riepilogo');

if(x[0].style['display']!='none'){


for (var i = 0; i < x.length; i++) {
x.style['display']='none';
}

}else{


for (var i = 0; i < x.length; i++) {
x.style['display']='';
}

}"><center><font color=yellow>Gioco</font></center></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">
<td height="1px" colspan="2" style="background-color:#FFFFFF"></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr></tr><tr name="riepilogo">{marchand_link}<tr><tr>
<td colspan="2" background="{dpath}img/bg1.gif">
<a href="java script:void(0);" onclick="var x = document.getElementsByName('navi');

if(x[0].style['display']!='none'){


for (var i = 0; i < x.length; i++) {
x.style['display']='none';
}

}else{


for (var i = 0; i < x.length; i++) {
x.style['display']='';
}

}"><center><font color=yellow>{navig}</font></center></td>

</tr><tr name="navi">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="navi">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="navi">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr>
<td colspan="2" background="{dpath}img/bg1.gif">
<a href="java script:void(0);" onclick="var x = document.getElementsByName('gala');

if(x[0].style['display']!='none'){


for (var i = 0; i < x.length; i++) {
x.style['display']='none';
}

}else{


for (var i = 0; i < x.length; i++) {
x.style['display']='';
}

}"><center><font color=yellow>{observ}</font></center></td>

</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">

<td height="1px" colspan="2" style="background-color:#FFFFFF"></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="gala">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr>{announce_link}<tr>

<td colspan="2" background="{dpath}img/bg1.gif">
<a href="java script:void(0);" onclick="var x = document.getElementsByName('staff');

if(x[0].style['display']!='none'){


for (var i = 0; i < x.length; i++) {
x.style['display']='none';
}

}else{


for (var i = 0; i < x.length; i++) {
x.style['display']='';
}

}"><center><font color=yellow>{commun}</font></center></td>

</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">{notes_link}</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr name="staff">
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr>
{ADMIN_LINK}
<tr>
</tr>
{added_link}
<tr>
<td colspan="2"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</div></td>
</tr><tr>
<td colspan="2" background="{dpath}img/bg1.gif"><center>{infog}</center></td>
</tr>
{server_info}
<tr>
<td colspan="2"><div><center>
Вам необходимо зарегистрироваться для просмотра ссылок

&copy; Copyright 2009</center></div></td>
</tr>
</table>
</div>
</center>
</body>
</div>
</div>
</div>
</div>
 
как переделать мою меню:
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">Скрытая информация: "код" <input type="button" value="Показать" style="width:60px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
<style type="text/css">
<!--
.Stil1 {color: #FF8000}
-->
</style>
leftunten.png

<table width="125" id="table2">
<tbody>
<th>
<table width="125" id="table3">
<tbody>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
</tbody>
</table>
</table>





leftunten.png

leftoben.png

</p>
<div align="center">
<table width="125" id="table1">
<tbody>
<th colspan="3">
<table width="125">
<tbody>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Навигация</a></font></td>
</tr>
<tr>
<th width="125"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
</tbody>
</table>
</table>


leftunten.png


<comment></comment>
leftoben.png

<div align="center">

<table width="125" id="table1">
<tbody>
</tr>
<th colspan="3">
<table width="125">
<tbody>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Конструкции</a></font></td>
</tr>
<tr>
<th width="125"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
</tbody>
</table>
</table>


leftunten.png


<comment></comment>
leftoben.png

<div align="center">

<table width="125" id="table1">
<tbody>
</tr>
<th colspan="3">
<table width="125">
<tbody>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Экономика</a></font></td>
</tr>
<tr>
<th width="125"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Игры</a></font></td>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Рынок</a></font></td>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>


<tr>
</tbody>
</table>
</table>


leftunten.png

leftoben.png

<div align="center">
<table width="125" id="table1">
<tbody>
<th colspan="3">
<table width="125">
<tbody>
<tr>
<td class="c" colspan="2">
<p align="center"><font color="#00CCCC">Связи</a></font></td>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125"><div>
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>
<tr>
<th width="125">
Вам необходимо зарегистрироваться для просмотра ссылок
</th>
</tr>

</tbody>
</table>
</table>





leftoben.png

</table>
</div>
</center>
</body>
</div>
</div>
</div>
</div>
заранее благодарен...


<div class='moddiv'><TABLE cellpadding='0' cellspacing='0' border='0'><TD align='middle' vAlign='center' width="1%" style='background-color: #6060ff; color: #ffffff; font-family: Times New Roman, Serif; font-size: 50px; font-weight: bold;' title='Предупреждение'> i </TD><TD width='6px'>
</TD><TD vAlign='middle'>
Научись хотя бы пользоваться тегами форума. И читай правила. GwynnBleiidd
 
</TD></TABLE></div>
 
как по мне так меню типа акордион не очень удобное для игры.
 
Я так понял это меню потом ещё и перевести самому нужно будет это так ?
 
немного не понял твоего вопроса
типа : там нефиг делать переводить или что ????
язык: французский ?????
Нажмите, чтобы раскрыть...
тыкните пальцем, где по-вашему надо что-то перевести..
а лучше повнимательнее изучите код, который вам дали... и сравните с тем, который у вас...
эти конструкции ({Messages} и т.д.) не надо переводить, если что ... хотя можете попробовать)
возможно надо их описать в положенном файле, но никак не переводить)
честно просмотрел еще раз код, нашел одно слово, которое надо перевести "Gioco", хотя его тоже можно воткнуть в такую же конструкцию и описать её потом.
 
тыкните пальцем, где по-вашему надо что-то перевести..
а лучше повнимательнее изучите код, который вам дали... и сравните с тем, который у вас...
эти конструкции ({Messages} и т.д.) не надо переводить, если что ... хотя можете попробовать)
возможно надо их описать в положенном файле, но никак не переводить)
честно просмотрел еще раз код, нашел одно слово, которое надо перевести "Gioco", хотя его тоже можно воткнуть в такую же конструкцию и описать её потом.
Нажмите, чтобы раскрыть...
Ааа все вкурил спасибо !
 
Не у кого не возникает проблем при использовании меню? Если экран маленький, нижняя часть просто не отображается.
 
Не у кого не возникает проблем при использовании меню? Если экран маленький, нижняя часть просто не отображается.
Нажмите, чтобы раскрыть...

Закрывай одну гармошку и открывай другую. 1024x768 по идее должно помещаться... :)



В xgp 2.9.3 ваапще не работает, куча линий в 2-3 px и ничего кроме ссылок "messages" и 'xnova team'. Это в последней опере и гугл хроме.
 
опа... спасибо что выложил, а то хотел уж было сам писать...
 
Переделал на xg (2 минуты, делать нечего). Поставил. Попользовался 1 день... Не особо удобно.
Работает на всех версиях xgp после маленькой переделки.
 
норм... но нужно переделать под себя... автору +(спасибка) в репу
 
При использовании фрейворка jquery все можно сделать гораздо изящнее...
все манипуляции производим в файле left_menu.tpl
Подключаем фреймворк:
Код: 
<script type="text/javascript" src="scripts/jquery.js">
Описываем логику работы меню:

Добавляем стили:
<div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><style type="text/css">
.accordion {
width: 130px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
border-bottom: solid 1px #c4c4c4;
filter : alpha(opacity=70);
-moz-opacity : 0.7;
-khtml-opacity : 0.7;
opacity : 0.7;
}
.accordion div.h4 {
background-color: #A0522D;
color:#cccc00;
}
.accordion div.h4:hover {
background-color: #c4c4c4;
font: bold 100% Arial, Helvetica, sans-serif;
color:#000000;
cursor: pointer;
}
.accordion div.h5 {
background: #111133 url(images/arrow-square.gif) no-repeat right -51px;
padding: 5px 10px;
margin: 0;
font: bold Arial, Helvetica, sans-serif;
border-bottom: solid 2px #000000;
cursor: pointer;
}
.accordion div.h5:hover {
background-color: #FFA500;
font: bold 100% Arial, Helvetica, sans-serif;
color:#000000;
}
.accordion div.h5.active {
background-position: right 5px;
}
.accordion div.p {
background: #000000;
margin: 1px;
}
</style></div>
всю разметку меню заключаем в блок: <div class="accordion">
дальше добавляем разметку для кнопки "развернуть/свернуть все":<div class="h4" name="down" id="down">Развернуть всё</div>
каждый заголовок блока меню заключаем в:<div class="h5">=название блока=</div>
каждый блок меню заключаем в:<div class="p">
меню состоит только из ссылок вида:
Вам необходимо зарегистрироваться для просмотра ссылок


в итоге разметка меню должна иметь приблизительно такой вид (тут два блока) :
<div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'>
<div class="accordion">
<div class="h4" name="down" id="down">Развернуть всё</div>
<div class="h5">{navig}</div>
<div class="p">
Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок

{ADMIN_LINK} </div>
<div class="h5">{observ}</div>
<div class="p">
Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок
</div>
<div class="h5">{devlp}</div>
<div class="p">
Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок


Вам необходимо зарегистрироваться для просмотра ссылок
</div>
<div class="h5">{Wirt}</div>
..........
</div></div>
стили и названия классов можно использовать свои :)
 
Войдите или зарегистрируйтесь для ответа.
  Похожие темы
Здоровье [Яна Степанова] Меню для вашего здоровья. Новое десертное меню (2023)
Здоровье [Марина Осецкая] Меню БУЧ. Белково-углеводное чередование (2024)
[Диана Ирова] [Irova.life] Меню Сезон лето 2022
[Сергей Леонов] [leonov_chef] Коллаген-меню (2023)
[Дарья Черненко] Как готовить один раз в две недели: зимнее меню
[Диана Ирова] Меню-конструктор правильного питания (2020)
[TargetHunter] [Д. Румянцев, П. Гончаров, А. Семенютин и др] Делай SMM! live (2020)
[Ольга Деменюк] Лавина клиентов (2020)

Похожие темы

Сверху