И так давно не выкладывали мы на наш сайт не чего нового и думаю что мы исправимся и будем больше радовать вас новыми материалами.
Ну во первых охота отметить тот факт что меню является главной частью сайта так как это и есть двери к разным материалам и информации на вашем сайте, и каждый администратор хочет что то новое и оригинальное для своего и делает это сам или ищет на таких сайтах как наш.
Вот я сегодня и выкладываю вам меню для сайта, его можно использовать и как основное меню и так же как категории сайта, это зависит от вашего желания.
Само по себе меню в светлом варианте и имеет голубой и красный оттенок, эти цвета легко поменять на свои так что можно сказать что это меню универсальное.
Выкладываю вам коды меню.
HTML код
Код <div class="sidebox-bd"> <ul> <li><a href="/" title="Просмотреть все записи в рубрике «Уроки/Инструкции»">Уроки/Инструкции</a></li> <li><a href="/" title="Просмотреть все записи в рубрике «Личный опыт и наработки»">Личный опыт и наработки</a></li> <li><a href="/" title="Просмотреть все записи в рубрике «Полезности для сайта»">Полезности для сайта</a></li> <li><a href="/" title="Просмотреть все записи в рубрике «Полезные статьи»">Полезные статьи</a></li> <li><a href="/" title="Просмотреть все записи в рубрике «Новости»">Новости</a></li> </ul> </div>
CSS Код
Код .sidebox-bd li a {background: rgb(240,240,240) url(http://dimanik.ru/publ_f/img/icon-rublika.png) no-repeat 2.702702702702702702702702702703% center;}
.sidebox-bd li a:hover { background: rgb(86, 160, 204) url(http://dimanik.ru/publ_f/img/icon-rublika.png) no-repeat 2.702702702702702702702702702703% center; color: rgb(255,255,255); border-right: 6px solid rgb(220,90,84); }
.sidebox-bd li a {display: block;font-size: .9em;padding: 10px 2.702702702702702702702702702703% 10px 12.432432432432432432432432432432%;margin-bottom: 1px;color: rgb(55,55,55);border-right: 6px solid rgb(86, 160, 204);}
.sidebox-bd ul {padding: 0px; margin-top: 1px;}
.sidebox-bd li {list-style: none;}
Сама установка проста и вам всего то нужно разместить HTML Код в нужное место на вашем сайте, затем добавить CSS Код в самый низ стилей вашего сайта.
| 
