Например:
Пятница, 29.03.2024, 12:45 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты Меню » Современное синее меню только на CSS 3 для Ucoz (+ Демо!)
Современное синее меню только на CSS 3 для Ucoz
Dimas777
Дата: Среда, 11.09.2013, 18:00 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Красивое меню серого цвета. Скорее всего подойдет под все дизайны, полностью на css и html без использование графики. Не нагружает сайт.

Установка:
1) В ваш CSSвставляем:

Код
.menu {background:#555;padding:6px;border-radius:5px;!important}  
.menu:after {content:"esports-games.com";color:#707070;font-size:12px;margin:0 0 0 60%;display:none}  
.menu li {list-style:none;padding:5px;border-bottom:1px solid #707070;margin-top:1px;!important}  
.menu li:before {content:open-quote;color:#fff;quotes: "\00bb" "";!important}  
.menu li:hover:before {color:#aaa;!important}  
.menu li a {  
color:#fff;  
text-shadow: 0 1px 0 #000;  
padding:3px;  
text-decoration:none;  
-webkit-transition:ease-in-out 130ms;  
-moz-transition:ease-in-out 130ms;  
-o-transition:ease-in-out 130ms;  
transition:ease-in-out 130ms;  
!important  
}  
.menu li a:hover {background:#0099FF;border-radius:3px;margin-left:5px;!important}


2) Вставляем где хотим видеть меню следующий код:

Код
<div class="menu">  
<li><a href="">Эта ссылка для вас</a></li>  
<li><a href="">Эта ссылка тоже для вас</a></li>  
<li><a href="">Ну и эта ссылка для вас</a></li>  
<li><a href="">Все эти ссылки для вас</a></li>  
</div>


Demo/Демо

Современное, синее, меню, только, на, CSS, 3, для, Ucoz

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты Меню » Современное синее меню только на CSS 3 для Ucoz (+ Демо!)
  • Страница 1 из 1
  • 1
Поиск: