Скрипт "Светлое Горизонтальное Меню" для Ucoz

Доброго времени суток, уважаемый посетитель сайта Webik-Diz! Ты находишься на сайте, на котором сможешь скачать действительно качественные шаблоны. Помимо обычных дизайнов, на сайте есть огромный архив наших авторских рипов, множество красивейших макетов, уникальных версток и адаптаций. Мы стараемся помочь пользователю найти шаблон для сайта, а также помочь в освоении системы uCoz. Оставайтесь со StuDRippo и будьте в курсе всех последних поступлений на сайте!

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Nikola

Награды: 2
Репутация: 7

Вторник, 03.07.2012, 16:05

Администратор

Сообщений: 365

В CSS вставляем:

Code

/*---- Menu ----*/
#menu {font: 11px Arial, Helvetica, sans-serif;
    background-image:url('http://3week.clan.su/img5/bc_bg.png');
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
    }
    #menu li {list-style-type:none;
    float:left;
    padding-left:10px;
    }
    #menu a {height:30px;
    display:block;
    background-image:url('http://3week.clan.su/img5/bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
    }
    .home {border:none;
    margin: 8px 0px;
    }
#menu a:hover{color: gray;
    }
/*---- Menu end ----*/

HTML разметка:

Code

<ul id="menu">
<li><a href="/" title="Главная страница">Домой</a></li>
<li><a href="/forum" title="Форум поддержки">Форум</a></li>
<li><a href="/publ" title="Каталог статей">Статьи</a></li>
<li><a href="/load" title="Каталог файлов">Файлы</a></li>
<li><a href="/index/0-3" title="Обратная связь">Обратная связь</a></li>
<li><a href="http://3week.clan.su" title="Обратная связь" target="_blank">Лучший сайт</a></li>
</ul>

Скрипт "Светлое Горизонтальное Меню" для Ucoz

Страница 1 из 1
1