Простенькая,но стильная навигация для сайта Ucoz
Простенькая,но стильная навигация для сайта Ucoz-для шаблонов в стиле минимализма отлично подойдет такого рода меню,ведь минималистичное меню и дизайн вашего сайта будут гармонировать друг с другом и навигация сайта не будет выглядеть отторженно от сайта.При наведении на ссылку в меню она будет менять свой цвет ничего более,но главный плюс для сайта-это небольшая нагрузка на скорость сайта
Установка:Ставим код в любое место
В CSS
Установка:Ставим код в любое место
Код
<div class="links">
<li><a href="/">Главная страница</a></li>
<li><a href="/load">Каталог файлов</a></li>
<li><a href="/news">Каталог новостей</a></li>
<li><a href="/publ">Каталог статей</a></li>
<li><a href="/blog">Видеоролики</a></li>
<li><a href="/board">Игровые обзоры</a></li>
<li><a href="/forum">Форум веб-сайта</a></li>
<li><a href="/faq">FAQ - вопрос/ответ</a></li>
<li><a href="http://www.csomsk.ru/index/svjaz_s_adminom/0-103">Для связи с администрацией</a></li>
</div>
<li><a href="/">Главная страница</a></li>
<li><a href="/load">Каталог файлов</a></li>
<li><a href="/news">Каталог новостей</a></li>
<li><a href="/publ">Каталог статей</a></li>
<li><a href="/blog">Видеоролики</a></li>
<li><a href="/board">Игровые обзоры</a></li>
<li><a href="/forum">Форум веб-сайта</a></li>
<li><a href="/faq">FAQ - вопрос/ответ</a></li>
<li><a href="http://www.csomsk.ru/index/svjaz_s_adminom/0-103">Для связи с администрацией</a></li>
</div>
В CSS
Код
.links li {list-style: none; font-size: 10pt; margin: 5px 0;font: 12px/16px 'Arial';}
.links li a {background: url('http://www.csomsk.ru/csomsk/15.png') no-repeat 0 2px; padding: 0 0 0 20px; color: #808080;text-decoration: none;}
.links li a:hover {background-position: 0 -28px; color: #000;}
.links li a {background: url('http://www.csomsk.ru/csomsk/15.png') no-repeat 0 2px; padding: 0 0 0 20px; color: #808080;text-decoration: none;}
.links li a:hover {background-position: 0 -28px; color: #000;}
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)
