Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Скрипт темно-серого раздвижного меню
Дата: Вт, 07.06.2011, 10:00:24 | Сообщение # 1
Аватар не установлен
OFF
Пользователь
29 Сообщения:
2 Награды:
0 Отзывы:
Скриншет - http://s003.radikal.ru/i203/1106/5d/65be0dda3019.png
Скрипт темно-серого раздвижного меню
В CSS вставляем:
[codes].mc_menu2 {height:18px; width: 100%; font: normal 11px Arial, Helvetica, sans-serif; text-align: left;}
.mc_menu2 a:link, .mc_menu2 a:visited {color:#757575; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; background:url();border: 1px solid #adadad; border-top: 1px solid #adadad; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; border-left: 1px solid #adadad; text-align: left; }
.mc_menu2 a:hover {color:#757575; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #adadad; border-top: 1px solid #adadad; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; border-left: 1px solid #adadad; background: #d8d8d8 url("") no-repeat left center; text-align: left; }

.mc_menu {height:21px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menu a:link, .mc_menu a:visited {color:#5d5d5d;padding-left:20px;line-height:18px;display:block;font-weight:normal;background: #d6d6d6 no-repeat left center;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;border-left: 1px solid #c5c5c5;text-align: left;}
.mc_menu a:hover {color:#000000;padding-left:18px;background: #d8d8d8 no-repeat left center;text-align: left;}[/codes]
В Блок вставляем:
[codes]<span class="mc_menu2"><a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://">Навигация</a></span>
<div id="mc_menu1" style="display:block"><span class="mc_menu">
<a href="/" title="Главная страница">Главная страница</a>
<a href="/load/" title="Файловый архив Fresh-Game">Файловый архив</a>
<a href="/forum/" title="Форум">Форум</a>
<a href="/publ/article/5" title="Статьи по играм">Статьи по играм</a>
<a href="/news/" title="Новости">Новости</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu6').slideToggle(800);" href="javascript://">Скачать игры</a></span>
<div id="mc_menu6" style="display:none"><span class="mc_menu">
<a href="/load/skachjat_igry/igry_dlja_pc/2" title="Игры для PC">Игры для PC</a>
<a href="/load/skachjat_igry/igry_dlja_ps/3" title="Игры для PS">Игры для PS</a>
<a href="/load/skachjat_igry/igry_dlja_ps2/4" title="Игры для PS2">Игры для PS2</a>
<a href="/load/skachjat_igry/igry_dlja_psp/5" title="Игры для PSP">Игры для PSP</a>
<a href="/load/skachjat_igry/igry_dlja_xbox360/6" title="Игры для xBox360">Игры для xBox360</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu4').slideToggle(400);" href="javascript://">Файлы для игр</a></span>
<div id="mc_menu4" style="display:none"><span class="mc_menu">
<a href="/load/fajly_dlja_igr/krjaki/9" title="Креки">Креки</a>
<a href="/load/fajly_dlja_igr/resufikatory/10" title="Русификаторы">Русификаторы</a>
<a href="/load/fajly_dlja_igr/patchi/11" title="Патчи">Патчи</a>
<a href="/load/fajly_dlja_igr/karty/12" title="Карты">Карты</a>
<a href="/load/fajly_dlja_igr/mody/13" title="Моды">Моды</a>
<a href="/load/fajly_dlja_igr/chity/14" title="Читы<">Читы</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu5').slideToggle(800);" href="javascript://">Софт и Программы</a></span>
<div id="mc_menu5" style="display:none"><span class="mc_menu">
<a href="/load/soft_i_programmy/brauzery/16" title="Браузеры">Браузеры</a>
<a href="/load/soft_i_programmy/soft/17" title="Софт">Софт</a>
<a href="/load/soft_i_programmy/crack_krjaki_kejgeny/18" title="Crack, Кряки, Кейгены">Crack, Кряки, Кейгены</a>
<a href="/load/soft_i_programmy/menedzhr_virtualnykh_diskov/19" title="Менеджер виртуальных дисков">Менеджер виртуальных дисков</a>
<a href="/load/soft_i_programmy/grafika/20" title="Графика">Графика</a>
<a href="/load/soft_i_programmy/raznye_programmy/21" title="Разные программы">Разные программы</a>
<a href="/load/soft_i_programmy/bezopasnost/22" title="Безопасность">Безопасность</a>
</span></div>[/codes]

© Скопираванно с csomsk.ru
Сообщение отредактировал James-cs - Вт, 07.06.2011, 10:00:46
  • Страница 1 из 1
  • 1
Поиск: