Привет народ хочу вам дать вот такой скрипт меню для сайта uCoz. Ну данный дизайн меню это стиль flat, стиле минимализм. Довольно красивое и привлекательное, на мой взгляд подойдет под темный и даже светлый дизайн. О чем тут говорить? Все вы можете наблюдать на скрине
1. Код самого меню:
Код
<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>
2. Переходим в Таблицу стилей CSS и добавляем стили самого меню:
Код
.sidebox-bd li a {background: rgb(240,240,240) url(/img/icon-rublika.png) no-repeat 2.702702702702702702702702702703% center;} .sidebox-bd li a:hover { background: rgb(86, 160, 204) url(/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;}
Скачиваем архив. загружаем картинку в корень своего сайта! На этом установка завершена.
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!
Немного информации в комментариях!
1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )
Комментарии к материалу Конструктивное меню для uCoz в стиле flat
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!