Меню вертикальное
ivan71reg
Дата: Пятница, 05.11.2010, 00:26 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Пользователи
Сообщений: 263
Привет всем.у меня возникла маленькая проблема. как сделать в моем меню менб чтобы раздвигалось при нажатии например все для cs 1.6 , а сейчас у меня сделанно при наведении как изменить??? вот скрин: вот код меню:
Code
<style> .blockmenu { height:18px; width: 100%; font: normal 10px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited { color:#BDBDBD; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; text-align: left; } .blockmenu a:hover { color:#ffffff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #1E90FF; background: #333333 url("http://uzl71.net.ru/pictures/m.gif") no-repeat left center; text-align: left; } form { padding:0px; margin:0px; } input{ vertical-align:middle; font-size:7pt; font-family:verdana,arial,helvetica; color:#D8D8D8; background:#151515; } </style> <style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 180px; /* Width of Menu Items */ border-bottom: 1px solid #212121; } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; } /* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #FFFFFF; text-decoration: none; background: #292929; padding: 8px 15px; border: 1px solid #212121; border-bottom: 0; } .suckerdiv ul li a:visited{ color: #FFFFFF; } .suckerdiv ul li a:hover{ background: url(); } .suckerdiv .subfolderstyle{ background: url() no-repeat center right; } /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ </style> <script type="text/javascript"> var menuids=["suckertree1"] function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" else ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ ultags[t].style.visibility="visible" ultags[t].style.display="none" } } } if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus) </script> <div class="suckerdiv"> <ul id="suckertree1"> <SPAN class="blockmenu"> <a href="http://uzl71.net.ru/forum/11-101-1"><font color="#ff0000"><span style="color: rgb(30, 144, 255);">П</span>равила для всех</font></a> <a href="http://uzl71.net.ru/forum/11-99-1"><font color="#ff0000"><span style="color: rgb(30, 144, 255);">П</span>равила админа</font></a> <a href="http://uzl71.net.ru/forum/11-100-1"><font color="#ff0000"><span style="color: rgb(30, 144, 255);">П</span>равила простого игрока</font></a> <a href="http://uzl71.net.ru/forum/13-87-1/"><span style="color: rgb(30, 144, 255);">C</span><font color="#ffd700">вязь с админами</font></a> <a href="http://uzl71.net.ru/forum/13-23-1"><span style="color: rgb(30, 144, 255);">У</span>став клана</a> <a href="http://uzl71.net.ru/stuff/"><span style="color: rgb(30, 144, 255);">О</span>нлайн игры</a> <a href="http://uzl71.net.ru/photo/"><span style="color: rgb(30, 144, 255);">К</span>артинки</a> </span> <br> <SPAN class="blockmenu"> <a href=""><font color=#FF8C00>Ф</font>айлы для Counter-Strike 1.6 ↓</a> <ul> <a href="http://uzl71.net.ru/load/skachat_counter_strike/2"><font color=#FF8C00>С</font>качать Counter-Strike</a> <a href="http://uzl71.net.ru/load/4"><font color=#FF8C00>М</font>одели оружия CS 1.6</a> <a href="http://uzl71.net.ru/load/5"><font color=#FF8C00>М</font>одели игроков CS 1.6</a> <a href="http://uzl71.net.ru/load/6"><font color=#FF8C00>Д</font>ругие модели CS 1.6 </a> <a href="http://uzl71.net.ru/load/sprajty_dlja_cs_1_6/7"><font color=#FF8C00>С</font>прайты для CS 1.6</a> <a href="http://uzl71.net.ru/load/vzryvy_dlja_cs_1_6/8"><font color=#FF8C00>В</font>зрывы для CS 1.6</a> <a href="http://uzl71.net.ru/load/vystrely_dlja_cs_1_6/9"><font color=#FF8C00>В</font>ыстрелы для CS 1.6</a> <a href="http://uzl71.net.ru/load/radary_dlja_cs_1_6/10"><font color=#FF8C00>Р</font>адары для CS 1.6</a> <a href="http://uzl71.net.ru/load/11"><font color=#FF8C00>П</font>лагины для CS 1.6</a> <a href="http://uzl71.net.ru/load/snajperskie_pricely/12"><font color=#FF8C00>С</font>найперские прицелы</a> <a href="http://uzl71.net.ru/load/13"><font color=#FF8C00>П</font>рограммы для CS 1.6</a> <a href="http://uzl71.net.ru/load/14"><font color=#FF8C00>Т</font>емы меню для CS 1.6 </a> <a href="http://uzl71.net.ru/load/15"><font color=#FF8C00>Р</font>усификатор CS 1.6 </a> <a href="http://uzl71.net.ru/load/16"><font color=#FF8C00>Г</font>отовые сервера CS 1.6</a> <a href="http://uzl71.net.ru/load/patchi_dlja_cs_1_6/18"><font color=#FF8C00>П</font>атчи для CS 1.6 </a> <a href="http://uzl71.net.ru/load/17"><font color=#FF8C00>К</font>арты для CS 1.6</a> </ul> <SPAN class="blockmenu">
2.Вопрос. вот правая часть чуть больше чем левая как их сделать одинаковыми. 2 на скрине это правая часть.
Добавлено (05.11.2010, 00:26) --------------------------------------------- c 2 вопросом я разобрался. ну как сделать чтобы при нажатии??
Сообщение отредактировал ivan71reg - Четверг, 04.11.2010, 18:11
Vizar
Дата: Пятница, 05.11.2010, 07:30 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 236
Где ты брал это меню там должно быть вещь которую ты должен залить в корень сайта! Вот она и делает раздвежение !
ivan71reg
Дата: Пятница, 05.11.2010, 11:44 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Пользователи
Сообщений: 263
у меня оно и так раздвжное!!!!!!!и без всяких файлов, мн нужно чтобы по щелчку радвигалось. читайте внимательней.
мир
Дата: Пятница, 05.11.2010, 12:09 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
мировой порядок
Группа: зам Админа
Сообщений: 1019
ivan71reg , вы предлагаете пере писать скрипит для вашего меню? Этого не кто не будет делать, возьмите нужный вам тип меню как за основу и делайте его в своем дизайне.
Подпись пользователя мир Внимание: Как был задан вопрос, так на него и отвечу Психология и тип создания пост
ivan71reg
Дата: Пятница, 05.11.2010, 13:02 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Пользователи
Сообщений: 263
все я сам изменил!
mdbaner
Дата: Пятница, 05.11.2010, 13:20 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Министр
Группа: V.I.P персона
Сообщений: 4723
ivan71reg , ну тогда тему можно закрывать.
Подпись пользователя mdbaner 1 Права групп и возможности пользователей 2 Общие правила форума которые нужно знать всем 3 Пожаловаться на Администратора или Модератора тут 4 Задать вопрос в Support сайта Ucozon 5 Ответы на постоянные вопросы в модуле FAQ 6 Цены и виды моих услуг по дизайну и настройке Больше всего меня вырубает когда пользователь просит меня что либо найти, указывая на то что не умеет пользоваться поиском