Гость
Статистика Форума
Последнии темы Популярные темы Лучшие пользователи Новые пользователи
» [20.03.2019] GUNSLINGER mod [S.T.A.L.K.E.R. CALL OF PR... (2)
» [16.03.2019] Кнопка "вверх" и "вниз&quo... (0)
» [16.03.2019] Prologue - SINS OF THE PAST (1)
» [16.03.2019] Dead Air 0.98a (1)
» [15.03.2019] Приятный глазу "Информер последних к... (0)
» [14.03.2019] Потерянная Мечта (0)
» [14.03.2019] S.T.A.L.K.E.R.: Зарождение. Начало. (0)
» [12.03.2019] Флудилка (33)
» [12.03.2019] Социальные кнопки Hunt rip Бармен (0)
» [11.03.2019] Кнопка "вверх" с котиком rip Ба... (2)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Ti... (50)
» Русскоязычное руководство по моду Frackin' U... (38)
» Фоны для сталкерского сайта (33)
» Флудилка (33)
» [DMX] Народное творчество (24)
» Ui Icon Equipment (UIE) - Все иконки для игры Ст... (23)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Xemordio (3267)
» Infe[R]nos (38)
» StraNNik (24)
» Бармен (24)
» Waldemar (12)
» NL-Vincenz (12)
» Razilator (7)
» Duzeppa26 (5)
» Ghosteron (5)
» ekaterinayuakovec (1)
» [20.03.2019] ReDisk@
» [19.03.2019] cccccc1961
» [17.03.2019] edustalker2
» [17.03.2019] dmitrcul2015
» [17.03.2019] nuriknurmuhammad6
» [17.03.2019] andreivoronckin6173
» [16.03.2019] andreivoronckin
» [16.03.2019] kustets
» [15.03.2019] kotmatroskin989
» [14.03.2019] tigger-klic

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Вертикальное темное меню для uCoz
Вертикальное темное меню для uCoz
Xemordio Offline Дата: Четверг, 28.02.2019, 06:47 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3267

Представляю вам вертикальное темное меню для сайта uCoz, создана она в черно-оранжевом оттенке, подойдет под любую тематику вашего сайта. Стили сайта очень легко меняются, можно что-нибудь изменить под себя. Так как навигация считается основой сайта, и если в ней состоит много информация, то для пользователя это очень удобно, что здесь и прилагается.

В блок:

Код
<div id="uMenuDiv1" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/mody/200"><span>МОДЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/priceli/201"><span>ПРИЦЕЛЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/ozvuchka/202"><span>ОЗВУЧКА</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/raznoe/sborniki/218"><span>СБОРКИ МОДОВ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/zona_probitij/206"><span>ЗОНЫ ПРОБИТИЯ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/raznoe/programmy/217"><span>ПРОГРАММЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/raznoe/ikonki/216"><span>ИКОНКИ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li style="position:relative;"><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><div class="uMenuArrow"></div><a href="/load/angary/197"><span>АНГАРЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/load/angary/obychnye_angary/198"><span>Базовые Ангары</span></a></div></li>
<li><div class="uMenuItem"><a href="/load/angary/premiumnye_angary/199"><span>Премиум Ангары</span></a></div></li></ul></li>
<li style="position:relative;"><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><div class="uMenuArrow"></div><a href="/load/zastavki/203"><span>ЗАСТАВКИ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/load/zastavki/zagruzochnyj_ehkran/204"><span>Загрузочные экраны</span></a></div></li>
<li><div class="uMenuItem"><a href="/load/zastavki/skrinsejvery/205"><span>Скринсейверы </span></a></div></li>
<li><div class="uMenuItem"><a href="/load/zastavki/oboi/305"><span>Обои</span></a></div></li></ul></li>
<li style="position:relative;"><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><div class="uMenuArrow"></div><a href="/load/raznoe/211"><span>РАЗНОЕ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/load/raznoe/znaki_na_korpuse/213"><span>Знаки на корпусе</span></a></div></li>
<li><div class="uMenuItem"><a href="/load/raznoe/traki/214"><span>Траки</span></a></div></li>
<li><div class="uMenuItem"><a href="/load/raznoe/flagi/215"><span>Флаги</span></a></div></li></ul></li>
<li style="position:relative;"><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><div class="uMenuArrow"></div><a href="/load/instrukcii_wot/219"><span>ИНСТРУКЦИИ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/load/instrukcii_wot/ustanovki/220"><span>Установка модов</span></a></div></li>
<li><div class="uMenuItem"><a href="/load/instrukcii_wot/modelirovanie/221"><span>Сделай сам</span></a></div></li></ul></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load/novosti/229"><span>НОВОСТИ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/nashi_partnery/0-18"><span>ПАРТНЕРЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script>

Это в CSS:

Код
/* Site Menus rip xemordio 2015 */
.uMenuH li {float:left;padding:0 5px;}

/*
.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#FBEAB2}
.uMenuV li a:active {text-decoration:none; color:#FBEAB2}
.uMenuV li a:visited {text-decoration:none; color:#FBEAB2}
.uMenuV li a:hover {text-decoration:none; color:#F17C1C}
*/
.uMenuV, .uMenuRoot {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.uMenuV .uMenuRoot .uMenuItem span {
  margin-left: 25px;
  margin-right: 10px;
  padding-right: 5px;
}

.u-menu span {
  margin-left: 0px;
}

.uMenuV .uMenuRoot li {
  height: 23px;
  line-height: 23px;
  width: 190px;
  margin-left: 0px;
  overflow: hidden;
}

.uMenuV .uMenuRoot a {
  outline: none;
  position: absolute;
  height: 23px;
  width: 190px;
  text-decoration: none;
  color: #FBEAB2;
  background: url(http://i.imgur.com/8PrHFUa.png);
}

.uMenuV .uMenuRoot a:hover {
  color: #101010;
  text-decoration: none;
  background: url(http://i.imgur.com/8PrHFUa.png);
  background-position: 380px 0px;
}

.uMenuV .uMenuRoot a:active {
  background: url(http://i.imgur.com/8PrHFUa.png);
  background-position: 190px 0px;
}

.uMenuV .uMenuRoota.uMenuItemA {
  background: url(/.s/t/793/16-3.png);
  color: #FBEAB2;
  background-position: 380px 0px;
}

.uMenuV .uMenuRoot .uMenuArrow {
  position: absolute;
  height: 7px;
  width: 4px;
  top: 7px;
  right: 10px;
  z-index: 2;
  background: url(/.s/t/793/17.gif) no-repeat;
}
/*
.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#F17C1C}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#F17C1C}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#FFFFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 17px; background: url('/.s/t/171/22.gif') no-repeat 0px 3px; margin-bottom: .6em;}
*/
/* --------- */

#uMenuDiv1 .u-menuvitem {margin:1px;background:#2d2d2d;}  
  #uMenuDiv1 .xw-tl {background:#4f4f4f;}  
  #uMenuDiv1 .xw-tc {background:#4f4f4f;}  
  #uMenuDiv1 .xw-tr {background:#4f4f4f;}  
  #uMenuDiv1 .xw-ml {background:#4f4f4f;}  
  #uMenuDiv1 .xw-mc {background:#2d2d2d;border-right:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;border-top:1px solid #2d2d2d;border-left:1px solid #2d2d2d;}  
  #uMenuDiv1 .xw-mr {background:#4f4f4f;}  
  #uMenuDiv1 .xw-bl {background:#4f4f4f;}  
  #uMenuDiv1 .xw-bc {background:#4f4f4f;}  
  #uMenuDiv1 .xw-br {background:#4f4f4f;}  
  #uMenuDiv1 .u-menuitemhl {margin:1px;background:#ae5201;}
Дата регистрации: 22.07.2017
Форум » Web-Раздел » Скрипты для uCoz » Вертикальное темное меню для uCoz
  • Страница 1 из 1
  • 1
Поиск:

03:06