Верхняя панель темно прозрачная для uCoz
 | |
Что сразу хочу сказать, что это не горизонтальное меню и таким не являться.Вы можете установить на свой сайт верхняя панель с функциями. Оно будет на самом вверху и при движение страницы она останется на своем месте. Там можно поставить ссылку на мини чат, если он у вас выдвижной и по клику он появиться, у некоторых он вообще на отдельной странице.  Также как видим идут иконки в светлой гамме, если у вас есть много функций, то вы просто можете их добавить. В правой стороне находиться вход на ресурс и выход, что очень удобно зайти. А что главное, что на светлый дизайн фона можно поставить, но и также безусловно на темном от должен смотреться красиво. Установка: Код вверх сайта поставить. Код <div id="topPanel" class="topPanel"> <div class="topconntent"> <a href="$HOME_PAGE_LINK$index/14"><img src="/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="/CSS-ZORNET/Kodak_saita/peoples.png" id="navtop" width="62" height="48"></a> <a href="$HOME_PAGE_LINK$index/8"><img src="/SKRIPT/Kransel/profile.png" id="navtop" width="62" height="48"></a> <a href="/?ссылка на чат-комнату"><img src="/SKRIPT/Kransel/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a> <a href="$LOGOUT_LINK$"><img src="/SKRIPT/Kransel/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a> <a href="$LOGIN_LINK$"><img src="/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('/SKRIPT/Kransel/wycOJth.png'); width: 150px; height: 48px; margin-top: -52px; margin-left: 5px; }  Как заметили, там есть логотип, и его нужно рисовать, а ставиться он в стилях. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 4 | |
|
| |
