Новое меню портала DIZ-CS
Самое первое что стояло на сайте меню DIZ-CS. От старого шаблона, но все же остается актуальным по сей день. Очень аккуратно создано без ошибок, красивый клик нажатие у этой навигаций. Жаль что только этот скрипт пойдет под темные сайты. Установка: В блок сайта: Код <SPAN class="blockmenu"> <a href="http://diz-cs.ru/" title="Главная страница">Главная</A> <a href="http://diz-cs.ru/forum">Форум</a> <a href="http://diz-cs.ru/publ/">Статьи</a> <a href="http://diz-cs.ru/dir">TOP Сайтов</a> <a href="http://diz-cs.ru/photo/">Галерея</a> <a href="http://diz-cs.ru/forum/0-0-0-6">Поиск</a> </SPAN> В CSS прописываем этот стиль Код .blockmenu { height:18px; width: 100%; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited { color:#ffffff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; background: url(); border: 1px solid #000000; border-top: 1px solid #333333; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; text-align: left; } .blockmenu a:hover { color:#ffffff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #333333; border-top: 1px solid #333333; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; background: #333333 url("") no-repeat left center; text-align: left; } form { padding:0px; margin:0px; } |
Поделиться в социальных сетях
Материал разместил
Комментарии: 3 | |
| |