Установка:
В конец вашего 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://joomla.ucoz.com/1/6/logotype.png');
width: 150px;
height: 48px;
margin-top: -52px;
margin-left: 5px;
}
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://joomla.ucoz.com/1/6/logotype.png');
width: 150px;
height: 48px;
margin-top: -52px;
margin-left: 5px;
}
Идем в Верхняя часть сайта :
В самый верх вставляем :
Code
<div id="topPanel" class="topPanel">
<div class="topconntent">
<a href="$HOME_PAGE_LINK$index/14"><img src="http://joomla.ucoz.com/1/6/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://joomla.ucoz.com/1/6/peoples.png" id="navtop" width="62" height="48"></a>
<a href="/?ссылка на чат-комнату"><img src="http://joomla.ucoz.com/1/6/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a>
<a href="$HOME_PAGE_LINK$index/8"><img src="http://joomla.ucoz.com/1/6/profile.png" id="navtop" width="62" height="48"></a>
<a href="$LOGOUT_LINK$"><img src="http://joomla.ucoz.com/1/6/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a> <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://joomla.ucoz.com/1/6/join.png" class="navtop2" id="navtop" width="62" height="48"></a>
</div>
<div class="logotype"></div>
</div>
<br>
<div class="topconntent">
<a href="$HOME_PAGE_LINK$index/14"><img src="http://joomla.ucoz.com/1/6/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://joomla.ucoz.com/1/6/peoples.png" id="navtop" width="62" height="48"></a>
<a href="/?ссылка на чат-комнату"><img src="http://joomla.ucoz.com/1/6/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a>
<a href="$HOME_PAGE_LINK$index/8"><img src="http://joomla.ucoz.com/1/6/profile.png" id="navtop" width="62" height="48"></a>
<a href="$LOGOUT_LINK$"><img src="http://joomla.ucoz.com/1/6/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a> <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://joomla.ucoz.com/1/6/join.png" class="navtop2" id="navtop" width="62" height="48"></a>
</div>
<div class="logotype"></div>
</div>
<br>
- отступ страницы от панели .
opacity: 0.7; - прозрачность панели .
background: #000000; - цвет панели(менять не желательно) .
Готово.
Другие новости |
Поделиться ссылкой
|
5 |
K-I-N-G пишет: | 22.03.2013 | 17:01
Страница с комментарием |
не работает =(
(0)
|