Ucozua.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
Войти
Вы зашли на страницу для того что бы скачать Менюшка для тёмных дизайнов кстати в отличии от других мы предоставляем этот файл без регистрации если же вы зарегистрировались то вы можете оставить комментарий к: Менюшка для тёмных дизайнов найти ошибку или пожаловаться на материал или найти другие материалы такие как: Шаблоны для Ucoz ,скриты для ucoz и конечно раздел по Seo знаниям . Самые новые разработки в мире сети для начинающих и уже знающих вебмастеров.Графика для Ucoz присутствует в оригинале: Кнопки для форумов, Ранги, Иконки для Групп и всё это сделано в Photoshop Cs5 !!

Менюшка для тёмных дизайнов

Менюшка для тёмных дизайнов

Отличное раздвигающееся меню для тёмных дизайнов
Установка
Это вставляем в CSS:

Code
.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://ucozua.ru/Scripts/23/2.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://ucozua.ru/Scripts/23/3.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://ucozua.ru/Scripts/23/2.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://ucozua.ru/Scripts/23/3.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://ucozua.ru/Scripts/23/2.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://ucozua.ru/Scripts/23/348_link_onrek.png') no-repeat left center;text-align: left;}

Это в блок с меню:

Code
<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="/">Ссылка 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>  
<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"><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="/">Ссылка 3</a>  
<a href="/">Ссылка 4</a>  
<a href="/">Ссылка 5</a>  
<a href="/">Ссылка 6</a>  
<a href="/">Ссылка 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="/">Ссылка 2</a>  
<a href="/">Ссылка 3</a>  
<a href="/">Ссылка 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="/">Ссылка 4</a>  
<a href="/">Ссылка 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://ucozua.ru/"><b>ucozua.ru</b></a></span>  
<hr>  
<span class="mc_menurek"><a href="/">Рекламное место</a></span>

Просмотров: 2163 Комментариев: 6 Источник: http://Ucozua.ru

Joker[Материал]

  • Добавил: 24.05.2011 22:28
  • Полное имя: Nikolas
  • Ip 91.209.51.41
  • 1 Комментарий
  • 0  
GoodJob, нехватает одной картинки! На анимации в под категории картинка та же что и "Рекламное место" только значок желтого цвета, а здесь в скрипте картинка в под категории та же что и в категории(желтая стрелочка). Можеш дать картинку как в анимации?

GoodJob[Материал]

  • Добавил: 24.05.2011 22:34
  • Полное имя: Серый
  • Ip 93.72.127.57
  • 2 Комментарий
  • 0  
Joker, Там картина сразу идёт с большой Scripts/23/3.png

Joker[Материал]

  • Добавил: 25.05.2011 07:04
  • Полное имя: Nikolas
  • Ip 91.209.51.41
  • 3 Комментарий
  • 0  
У меня картинка Scripts/23/3.png это желтая стрелочка. Я проверил всё ссылки, но картинки с желтым кружком не нашел

Joker[Материал]

  • Добавил: 25.05.2011 07:19
  • Полное имя: Nikolas
  • Ip 91.209.51.41
  • 4 Комментарий
  • 0  
А ещё нет одной картинки: когда не наводиш на рекламное место на анимации видно кружок перед "Рекламным местом", а в этом скрипте видно стрелочку в конце надписи, но когда наводиш то появляеться красный кружок. Можеш пожалуста дать эти две картинки?

GoodJob[Материал]

  • Добавил: 25.05.2011 11:16
  • Полное имя: Серый
  • Ip 93.72.127.57
  • 5 Комментарий
  • 0  
Joker, Ага точно,я хз(

Joker[Материал]

  • Добавил: 25.05.2011 14:28
  • Полное имя: Nikolas
  • Ip 91.209.51.41
  • 6 Комментарий
  • 0  
Можеш предоставить картинки?

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


Опрос
Вы берёте в интернете кредиты?
Всего ответов: 1471
Онлайн на сайте
Онлайн всего: 1
Гостей: 1
Вебмастеров: 0
Вебмастера
Гости

Поддержи сайт
UcozUa.ru всё для скриптера и вебмастера

Облако тегов
Витрина ссылок
SkyAngel: Скачать игры через торрент бесплатно и без регистрации. Анонсы о новых играх.
wero1: На Firebiz.ucoz.net только популярные торренты .
SkyAngel: Прокачай свой фотошоп!
spi-ce174: Сайт скриптов и уникальных шаблонов

Друзья сайта