Блок навигация для ucoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Главная » 2012 » Октябрь » 16 » Блок навигация для ucoz

ПрограммыДля юКоз
Веб-мастеруКниги онлайн
jQuery



Русские шрифты



09:31
Блок навигация для ucoz
Code
<div class="side-navigation">  
  <div class="block-head" style="padding:5px 8px 0px 8px;" align="center"><img src="http://ili.pp.ua/img/nav-block-title.png" alt="Навигация"></div>  
  <div class="block-inner">  
  <div class="zp-links">  
  <a href="http://site.ru">Counter-Strike Source</a>
<a href="http://site.ru">Counter-Strike 1.6</a>
<a href="http://site.ru">World of Tanks</a>  
  <a href="http://site.ru">Oxxxymiron</a>
  <a href="http://site.ru">PointBalnk</a>
  <a href="http://site.ru">Главная</a>  
  <noindex><a target="_blank" href="site.ru">CS-Ray</a> </noindex>
<a href="http://site.ru/">Видео</a>  
  <a href="http://site.ru">Музыка</a>  
  <a href="http://site.ru">Форум</a>  
  <a href="http://site.ru">Каталог файлов</a>  
  <a href="http://site.ru">Супер</a>  
<a href="http://site.ru">Портал</a>
  </div>  
</div></div><style>  
  .side-navigation{width:207px;background:url('http://ili.pp.ua/img/pagebg1.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:6px;color:#fff}  
  .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}  
  .side-navigation .block-inner{padding-bottom:2px}  
  .side-block .block-inner{padding:5px;}  
  .side-block .block-inner.nopadding{padding:0px !important;}  
.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}  
  .zp-links a:hover{color:#ea7609;padding-left:14px;background:rgba(0,0,0,0.2)}  
  .zp-links a.w-sub{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat;background-position:185px 7px}  
  .zp-links a.w-sub:hover{background:url('http://ili.pp.ua/img/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}  
  .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}  
  .zp-links .s-level a.w-sub:hover{background-position:190px 7px}  
  .zp-links .s-level{padding-left:22px}  
  .zp-links .s-level a{border-left:2px solid #ea7609;font-weight:normal}  
  .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}  
</style>


Адаптивный сайт - aTmpl





© Категория: Для юКоз | Просмотров: 801 | Добавил: Aninew| Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]