- Название:
- Меню для сайта ucoz, горизонтальное
- Категория:
- Меню для сайта
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 2851
- Автор:
- Неизвестен
- Добавил:
- Дмитрий
- Комментов:
- 0
- Добавленно:
- 17.08.2013 в 22:50
- Теги:
- Горизонтальное, ucoz, сайта, для, меню
- Рейтинг:
Последнее на форуме
Последние материалы
Меню для сайта ucoz, горизонтальное
Меню для сайта ucoz, горизонтальное
Где желаете видеть меню:
Код
<style type="text/css">
#menu {
margin:0 auto;
border:1px solid #888888;
border-radius:5px;
width:950px;
padding:10px;
background:#E8E8E8;
}
#menu li {
display:inline;
list-style:none;
}
#menu a {
color:#888888;
font-size:12px;
font-family:verdana;
text-decoration:none;
padding:8px;
}
#menu a:hover {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}
#menu a:active {
color:#88FF00;
}
#menu a.active {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}
#menu a.active:hover {
color:#FFF;
}
#menu li.line {
color:#999999;
}
</style>
<ul id="menu">
<li><a href="#" class="active">Главная</a></li>
<li class="line">|</li>
<li><a href="#">Форум</a></li>
<li class="line">|</li>
<li><a href="#">Файлы</a></li>
<li class="line">|</li>
<li><a href="#">Все для bf2</a></li>
<li class="line">|</li>
<li><a href="#">Все для cs1.6</a></li>
<li class="line">|</li>
<li><a href="#">Все для ucoz</a></li>
<li class="line">|</li>
<li><a href="#">Все для фотошопа</a></li>
<li class="line">|</li>
<li><a href="#">Картинки для рабочего стола</a></li>
</ul>
#menu {
margin:0 auto;
border:1px solid #888888;
border-radius:5px;
width:950px;
padding:10px;
background:#E8E8E8;
}
#menu li {
display:inline;
list-style:none;
}
#menu a {
color:#888888;
font-size:12px;
font-family:verdana;
text-decoration:none;
padding:8px;
}
#menu a:hover {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}
#menu a:active {
color:#88FF00;
}
#menu a.active {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}
#menu a.active:hover {
color:#FFF;
}
#menu li.line {
color:#999999;
}
</style>
<ul id="menu">
<li><a href="#" class="active">Главная</a></li>
<li class="line">|</li>
<li><a href="#">Форум</a></li>
<li class="line">|</li>
<li><a href="#">Файлы</a></li>
<li class="line">|</li>
<li><a href="#">Все для bf2</a></li>
<li class="line">|</li>
<li><a href="#">Все для cs1.6</a></li>
<li class="line">|</li>
<li><a href="#">Все для ucoz</a></li>
<li class="line">|</li>
<li><a href="#">Все для фотошопа</a></li>
<li class="line">|</li>
<li><a href="#">Картинки для рабочего стола</a></li>
</ul>
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |