» »

Светлое меню сайта RED (Раздвижное)


Светлое меню сайта RED (Раздвижное)

Очень даже не чего для сайтов со светлым дизайном. В меню можно содержать много информация а так же ссылки куда будут вести на материал. А так как у нас оно раздвижное можно создать так его что будит все по разделам и пользователь не будит путаться и найдет материал или что то другое и то что так искал. Можно сказать что эта полная навигация сайта. По стилям выполнено очень красиво, и как уже упоминал что оно по работе очень легкое. Код идет сразу со стилями и не нужно не чего прописывать в CSS.
Установка:
В Блок вставляем:
Код
<style>  
ul#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;width: 235px;}  
ul#menu a {display: block;text-decoration: none;}  
ul#menu li {margin-top: 1px;}  
ul#menu li a {background: #fbfbfb;color: #626262;padding: 0.6em;border-left:5px #93ABBB solid;}  
ul#menu li a:hover {background: #93abbb;color:#fff}  
ul#menu li ul li a {background:#FBFBFB;color:#000;padding-left: 20px;border-left: 5px #E2E2E2 solid;}  
ul#menu li ul li a:hover {background:#FBFBFB;border-left: 5px #93ABBB solid;padding-left: 15px;color: #626262}  
ul#menu li span {width: 26px;height: 26px;display:block;float: right;background: #93ABBB url(http://zornet.ru/CSS-ZORNET/ZER/arr-left.png) no-repeat center;cursor: pointer;}  
ul#menu li span.collapse{background-image: url(http://zornet.ru/CSS-ZORNET/ZER/arr-down.png);}  
</style>  

<ul id="menu">  
  <li><a href="http://zornet.ru/">Главная</a></li>  
  <li><a href="/">Форум</a></li>  
  <li><a href="/">Статьи</a></li>  
  <li><a href="/load">Скрипты для uCoz</a>  
  <ul>  
  <li>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  </li>  
  </ul>  
  </li>  
  <li><a href="/load">Шаблоны для uCoz</a>  
  <ul>  
  <li>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  </li>  
  </ul>  
  </li>  
  <li><a href="/load">Графика для сайта</a>  
  <ul>  
  <li>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  <a href="/load">Архив файлов</a>  
  </li>  
  </ul>  
  </li>  
  <li><a href="/">Форум</a></li>  
  <li><a href="/#">Страница отзывов</a></li>  
  </ul>  
<script src="http://zornet.ru/CSS-ZORNET/ZER/accordeon.js" type="text/javascript"></script>
28.09.2013 Просмотров: 1298 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
Dimstrik
Dimstrik 13.09.2014 10:471
0
Меню очень понравилось но почему то не раздвигается!
Dimstrik
Dimstrik 13.09.2014 10:572
0
Всё работает!
Просто когда я его установил в свой блок то он не хотел раздвигаться а после того как я его установил без блока всё отлично работает !
забрал и СПАСИБО за менюшку я его под раздел игр пущу
Kosten
Kosten 13.09.2014 13:273
0
Интересно почему в блоке не стало работать? CHID, а так нормально смотрится?
Dimstrik
Dimstrik 13.09.2014 14:264
0
Kosten, Разобрался в чём проблема это я тупанул он и в блоке работает !
Просто я привык что на ссылку наживаешь и меню выезжает а это меню с боку нужно нажимать я его не увидел так как ширину не выставил под блок а после выставил и нормик можешь заценить на сайте моём
Ещё разок спасибо реально классное меню
Kosten
Kosten 13.09.2014 14:515
0
CHID, если это меню поставить то категорий можно смело убирать. Просто оно справиться с этими функциями.
Dimstrik
Dimstrik 13.09.2014 15:146
0
Kosten, Я и сделал вверху меню основное там форум файлы и так далее а это меню как категорию с под категориями сделал
Kosten
Kosten 13.09.2014 15:487
0
CHID, да оно может почти всю информацию сайта держать.
avatar