• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » Красивый User-panel от killerok09
Красивый User-panel от killerok09
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="370">
12.09.2011 в 20:57

Красивая User-panel от killerok09 с условными операторами. Она фиксируеться и ездит по экрану при прокрутке .

Установка :

В конец вашего CSS:
Code
.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://testkillerok.3dn.ru/images/logotype.png');  
   width: 150px;  
   height: 48px;  
   margin-top: -52px;  
   margin-left: 5px;  
   }

Идем в Верхняя часть сайта :
В самый верх вставляем :
Code
<div id="topPanel" class="topPanel">  
   <div class="topconntent">  
   <?if($USER_LOGGED_IN$)?><a href="$HOME_PAGE_LINK$index/14"><img src="http://testkillerok.3dn.ru/images/message.png" id="navtop" width="62" height="48"></a> <?endif?>  
   <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList"><img src="http://testkillerok.3dn.ru/images/peoples.png" id="navtop" width="62" height="48"></a>   
   <a href="/?ссылка на чат-комнату"><img src="http://testkillerok.3dn.ru/images/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a>   
   <?if($USER_LOGGED_IN$)?><a href="$HOME_PAGE_LINK$index/8"><img src="http://testkillerok.3dn.ru/images/profile.png" id="navtop" width="62" height="48"></a> <?endif?>  
   <?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><img src="http://testkillerok.3dn.ru/images/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a> <?else?><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><img src="http://testkillerok.3dn.ru/images/join.png" class="navtop2" id="navtop" width="62" height="48"></a> <?endif?>   
   </div>  
   <div class="logotype"></div>  
   </div>  
  <br>

<br> - отступ страницы от панели .
http://testkillerok.3dn.ru/images/logotype.png - логотип замените на свой(размер 150х48).
opacity: 0.7; - прозрачность панели .
background: #000000; - цвет панели(менять не желательно) .
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » Красивый User-panel от killerok09
  • Страница 1 из 1
  • 1
Поиск: