» »

Верхняя панель темно прозрачная для uCoz


Верхняя панель темно прозрачная для uCoz

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

Верхняя панель для uCoz

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

Установка:

Код вверх сайта поставить.

Код
<div id="topPanel" class="topPanel">  

<div class="topconntent">  
<a href="$HOME_PAGE_LINK$index/14"><img src="http://zornet.ru/SKRIPT/Kransel/message.png" id="navtop" width="62" height="48"></a>  
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList"><img src="http://zornet.ru/CSS-ZORNET/Kodak_saita/peoples.png" id="navtop" width="62" height="48"></a>  
<a href="$HOME_PAGE_LINK$index/8"><img src="http://zornet.ru/SKRIPT/Kransel/profile.png" id="navtop" width="62" height="48"></a>
<a href="/?ссылка на чат-комнату"><img src="http://zornet.ru/SKRIPT/Kransel/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a>  
<a href="$LOGOUT_LINK$"><img src="http://zornet.ru/SKRIPT/Kransel/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a>
<a href="$LOGIN_LINK$"><img src="http://zornet.ru/SKRIPT/Kransel/profile-enter.png" class="navtop3" id="navtop" width="62" height="48"></a>
</div>  
<div class="logotype"></div>  
</div>


CSS:

Код
.topPanel {  
  width: 100%;  
  height: 48px;  
  background: #000000;  
  }  
  #topPanel {  
  position: fixed;  
  opacity: 0.7;  
  }  
  .topconntent {  
  margin-top: 10px;  
  margin-left: 180px;  
  }  
  #navtop {  
  margin-top: -11px;  
  }  
  .navtop1 {  
  margin-top: -11px;  
  margin-left: 457px;  
  }  
  .navtop2 {  
  margin-top: -11px;  
  margin-left: 600px;  
  }  
  .logotype {  
  background: url('http://zornet.ru/SKRIPT/Kransel/wycOJth.png');  
  width: 150px;  
  height: 48px;  
  margin-top: -52px;  
  margin-left: 5px;  
  }




Как заметили, там есть логотип, и его нужно рисовать, а ставиться он в стилях.
13.03.2016 Просмотров: 438 Комментарий: (4)

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

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

Комментарий: 4
Сопрано
Сопрано 13.03.2016 21:011
0
Так можно поставить, хорошая штука, но еще бы лучше, чтоб с ним кнопки шли, то думаю только под эту панель делали.
Kosten
Kosten 13.03.2016 21:062
0
Не думаю, просто они идут в светлом оттенке. Сам нашел его в интернете и как всегда скрипт есть но не одного оператора. Сейчас установил и вход и выход стал работать.
tsakonter
tsakonter 13.03.2016 21:183
0
Но а теперь куда ставить горизонтальное меню?
csretven
csretven 13.03.2016 23:294
0
Интересная панель, видел горизонтальное меню точно такое, но там прописано все было, а не на кнопках.
avatar