» »

Красивое меню онлайн проекта на uCoz


Красивое меню онлайн проекта на uCoz

Здесь под темный или светлый дизайн навигация подойдет отлично, и сделано по дизайн уникально. Отличное вертикальное меню, специально для онлайн проекта. Как видим, вертикальное меню в нескольких тонах, можно поставить, как на темные так и на светлые интернет ресурсы. Также в нем есть разделы, которые вы сами можете установить под любую тематику, что смотрится уникально.

Второй контейнер:

Код
<div id="block_right">  
<div id="block-block-22" class="block block-block">  
<div class="site_links">  
  <a href="#"><span>Об игре</span></a>  
  <a href="#"><span>Форумы</span></a>  
  <a href="#"><span>FAQ</span></a>  
  <a href="#" target="_blank"><span>Поддержка</span></a>  
  <a href="#"><span>Калькулятор</span></a>  
  <a href="#"><span>Как пополнить счёт</span></a>  
</div>  
</div>

Css:

Код
/* --- block right --------------------------------------------------------------------------------- */  

#block_right {  
  width: 290px;  
  float: right;  
  margin-left: 17px;  
  }  

  #block-block-21 {  
  width: 290px;  
  position: absolute;  
  float: right;  
  right: 0px;  
  }  

  #block-block-51 {  
  margin: 40px 0px 22px 0px;  
  }  

  .site_links {  
  width: 288px;  
  height: 544px;  
  margin: 13px 0px 2px 0px;  
  padding-top: 13px;  
  background: url(http://zornet.ru/Ajaxoskrip/Abaveg/0214402001475492192.jpg) left top no-repeat;  
  overflow: hidden;  
  }  
  .site_links a {  
  width: 259px;  
  height: 72px;  
  display: block;  
  position: relative;  
  margin: 0px 0px 15px 14px;  
  color: #ffffff;  
  font: 18px Cambria, Georgia, "Times New Roman", Times, serif;  
  text-decoration: none;  
  text-align: right;  
  }  
  .site_links a span {  
  width: 259px;  
  height: 72px;  
  display: table-cell;  
  right: 0px;  
  vertical-align: bottom;  
  background: url(http://zornet.ru/Ajaxoskrip/Abaveg/0534199001475492210.png) 1000px 1000px no-repeat;  
  }  
  .site_links a:hover span {  
  text-shadow: 0px 0px 3px #FC0;  
  background-position: 0px 0px;  
  }


(rip Бармен) - он же JoniDen.
03.10.2016 Просмотров: 456 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
Сопрано
Сопрано 03.10.2016 14:581
0
Это что меню еще идет с изображением или что то не понимаю.
Kosten
Kosten 03.10.2016 15:072
0
Но тут только узнать, это прочесть описание или поставить.
FeStemBer
FeStemBer 03.10.2016 15:103
+2
Заметил, что Бармен только что то новое заливает на сайт, от меня плюс.
JoniDen
JoniDen 03.10.2016 15:434
0
Народ все благодарю. Будут проблемы с установкой пиши разберемся wink
Kosten
Kosten 03.10.2016 16:125
0
Как понял, он на светлый дизайн идет, или можно и та темный установить.

JoniDen
JoniDen 03.10.2016 16:166
0
Да под светлый, ну как я и написал в описание, можно и под темный. Еще можно установить в Первый контейнер, ну для этого нужно удалить.
Код
<div id="block_right">
Сопрано
Сопрано 03.10.2016 17:107
0
Спасибо.
JoniDen
JoniDen 03.10.2016 17:238
0
Да не за что smile
trem200
trem200 03.10.2016 20:0111
0
Что самое прикольное - это то, что вот такую красоту можно использовать вместо категорий файлов. Просто в фотошопе сделать картинки нужных разделов, и готов.
JoniDen
JoniDen 03.10.2016 20:0412
0
Ну так идею я подогнал, а ты реализуй. Вдруг что-то да и получится smile
XemorDio
XemorDio 03.10.2016 17:519
0
Красиво)
JoniDen
JoniDen 03.10.2016 17:5210
0
А то biggrin
avatar