Красивый админ бар, который расположен в верхней части сайта, фиксированный. Пользователям вашего сайта будет намного легче ориентироваться на сайте.
Установка
Вставляем данный код в верхнею часть сайта:
Code
<!-- <Админ бар by uLink> -->
<div id="pfon" style="width:100%; height:24px;"></div>
<script type="text/javascript" src="http://joomla.ucoz.com/33/9/1.js"></script>
<script type="text/javascript" src="http://joomla.ucoz.com/33/9/2.js"></script>
<link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/33/9/csspaneli.css" />
<style>
#navtr, #navtr ul {padding:0;margin:0;list-style:none;}
#navtr li {float:left;margin-right:20px;display:inline; position:relative;}
#navtr li.hover {}
#navtr ul li {padding:0;float:none;border:none;display:block;}
#navtr li.hover li {border:none;}
#navtr li div {position:absolute;top:15px;z-index:500;left:-9999px;width:auto;}
#navtr li.hover div {left:0;}
</style>
<div class="exaner-bar">
<div class="panel-nav" style="width:100%; height:24px;">
<div style="position:absolute; top:0px; left:4px;">
<a class="navback" href="javascript://" onclick="javascript:history.back()"></a>
<a class="navforward" href="javascript://" onclick="javascript:history.forward()"></a>
<a class="navreload" href="javascript://" onclick="window.location.reload();"></a>
<a class="navrss" href="http://ulink.at.ua/load/rss"></a>
</div>
<div>
<div style="position:absolute; top:0px; left:130px;height:24px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="24px">
<tr>
<td>
<ul id="navtr" class="exaner"><li><a>Общее</a><div><ul>
<li><a href="/index/8-$USER_ID$" target="_blank">Моя страница</a></li>
<li><a href="/index/14" target="_blank">Мои сообщения</a></li>
<li><a href="/index/11" target="_blank">Редактировать профиль</a></li>
<li><a onclick="$('#submenu1').fadeOut('fast');" href="/index/10">Выход с сайта</a></li>
</ul></div></li></ul>
</td><div style="position:absolute; top:0px; left:130px;height:24px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="24px">
<tr>
<td>
<ul id="navtr" class="exaner"><li><a>Общее</a><div><ul>
<li><a href="$LOGIN_LINK$" target="_blank">ВХОД</a></li>
<li><a onclick="$('#submenu1').fadeOut('fast');" href="$LOGIN_LINK$">ВХОД</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Управление</a><div><ul>
<li><a href="javascript://" onclick="new _uWnd('Me','Мои материалы',270,150,{align:'left',min:0,max:0,closeonesc:1},{url:'/index/46'});">Мои материалы</a> <a href="/index/34-$USER_ID$">Мои комментарии</a></li>
<li><a href="/index/34-$USER_ID$-1-1">Комментарии к моим материалам</a></li>
<li><a href="javascript://" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'left',closeonesc:1,min:0,max:0,maxh:300,resize:0},{url:'/index/67'});">Извещения об обновлениях</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Добавление</a><div><ul>
<li><a href="/load/1-0-0-0-1">Шаблон</a></li>
<li><a href="/load/2-0-0-0-1">JS скрипт</a></li>
<li><a href="/load/3-0-0-0-1">PHP скрипт</a></li>
<li><a href="/load/4-0-0-0-1">Прочее</a></li>
</ul></div></li></ul>
</td><td>
<ul id="navtr" class="exaner"><li><a>Добавление</a><div><ul>
<li><a href="$LOGIN_LINK$">Вход</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Пользователи</a><div><ul>
<li><a href="/index/15-1" target="_blank">Список пользователей</a></li>
<li><a href="/index/14-0-0-1" target="_blank">Написать сообщение</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a><a href="http://joomla.ucoz.com" style="text-decoration: none">Мультимедиа</a></a><div><ul>
<li><a href="javascript://" onclick="window.open('/media/?t=draw;h=1','graffity','resizable=1,scrollbars=1,top=0,left=0,width=750,height=540');">Граффити</a></li>
<li><a href="javascript://" onclick="new _uWnd('video','Подключение видео',550,210,{align:'left',closeonesc:1,min:0,max:0},{url:'/tmpls/?a=mm;t=video'});">Подключить видео</a></li>
<li><a href="javascript://" onclick="new _uWnd('audio','Подключение аудио',550,210,{align:'left',closeonesc:1,min:0,max:0},{url:'/tmpls/?a=mm;t=audio'});">Подключить аудио</a></li>
</ul></div></li></ul>
</td>
<td>
</td>
</tr>
</table>
</div>
</div>
<style>
.psearch {width:200px; height:20px; position:relative; background:url('http://joomla.ucoz.com/33/9/psearch-g.png') no-repeat;}
.psearchtext {background:#fff; border:0px; height:16px; width:95px; position:absolute; top:2px; left:2px; padding-left:3px;}
.psearchsbm {width:40px; height:16px; border:0px; background:url('http://joomla.ucoz.com/33/9/lupa.png') no-repeat; cursor:pointer; position:absolute; top:2px; right:2px;}
.psearchsbm:hover {background-position:0px -16px;}
.search-m {position:absolute; top:4px; right:45px; font-size:7pt;}
</style>
<div style="position:absolute; top:1px; right:2px;">
<div id="search_form" class="psearch">
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0pt;" action="/search/">
<input name="q" maxlength="30" onblur="if (value == '') {value = 'Поиск...'}" onfocus="if (value == 'Поиск...') {value =''}" value="Поиск..." class="psearchtext" type="text">
<input class="psearchsbm" name="sfSbm" value="" type="submit">
</form>
</div>
</div>
</div>
</div>
<!-- </Админ бар by uLink> -->
<div id="pfon" style="width:100%; height:24px;"></div>
<script type="text/javascript" src="http://joomla.ucoz.com/33/9/1.js"></script>
<script type="text/javascript" src="http://joomla.ucoz.com/33/9/2.js"></script>
<link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/33/9/csspaneli.css" />
<style>
#navtr, #navtr ul {padding:0;margin:0;list-style:none;}
#navtr li {float:left;margin-right:20px;display:inline; position:relative;}
#navtr li.hover {}
#navtr ul li {padding:0;float:none;border:none;display:block;}
#navtr li.hover li {border:none;}
#navtr li div {position:absolute;top:15px;z-index:500;left:-9999px;width:auto;}
#navtr li.hover div {left:0;}
</style>
<div class="exaner-bar">
<div class="panel-nav" style="width:100%; height:24px;">
<div style="position:absolute; top:0px; left:4px;">
<a class="navback" href="javascript://" onclick="javascript:history.back()"></a>
<a class="navforward" href="javascript://" onclick="javascript:history.forward()"></a>
<a class="navreload" href="javascript://" onclick="window.location.reload();"></a>
<a class="navrss" href="http://ulink.at.ua/load/rss"></a>
</div>
<div>
<div style="position:absolute; top:0px; left:130px;height:24px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="24px">
<tr>
<td>
<ul id="navtr" class="exaner"><li><a>Общее</a><div><ul>
<li><a href="/index/8-$USER_ID$" target="_blank">Моя страница</a></li>
<li><a href="/index/14" target="_blank">Мои сообщения</a></li>
<li><a href="/index/11" target="_blank">Редактировать профиль</a></li>
<li><a onclick="$('#submenu1').fadeOut('fast');" href="/index/10">Выход с сайта</a></li>
</ul></div></li></ul>
</td><div style="position:absolute; top:0px; left:130px;height:24px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="24px">
<tr>
<td>
<ul id="navtr" class="exaner"><li><a>Общее</a><div><ul>
<li><a href="$LOGIN_LINK$" target="_blank">ВХОД</a></li>
<li><a onclick="$('#submenu1').fadeOut('fast');" href="$LOGIN_LINK$">ВХОД</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Управление</a><div><ul>
<li><a href="javascript://" onclick="new _uWnd('Me','Мои материалы',270,150,{align:'left',min:0,max:0,closeonesc:1},{url:'/index/46'});">Мои материалы</a> <a href="/index/34-$USER_ID$">Мои комментарии</a></li>
<li><a href="/index/34-$USER_ID$-1-1">Комментарии к моим материалам</a></li>
<li><a href="javascript://" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'left',closeonesc:1,min:0,max:0,maxh:300,resize:0},{url:'/index/67'});">Извещения об обновлениях</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Добавление</a><div><ul>
<li><a href="/load/1-0-0-0-1">Шаблон</a></li>
<li><a href="/load/2-0-0-0-1">JS скрипт</a></li>
<li><a href="/load/3-0-0-0-1">PHP скрипт</a></li>
<li><a href="/load/4-0-0-0-1">Прочее</a></li>
</ul></div></li></ul>
</td><td>
<ul id="navtr" class="exaner"><li><a>Добавление</a><div><ul>
<li><a href="$LOGIN_LINK$">Вход</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a>Пользователи</a><div><ul>
<li><a href="/index/15-1" target="_blank">Список пользователей</a></li>
<li><a href="/index/14-0-0-1" target="_blank">Написать сообщение</a></li>
</ul></div></li></ul>
</td>
<td>
<ul id="navtr" class="exaner"><li><a><a href="http://joomla.ucoz.com" style="text-decoration: none">Мультимедиа</a></a><div><ul>
<li><a href="javascript://" onclick="window.open('/media/?t=draw;h=1','graffity','resizable=1,scrollbars=1,top=0,left=0,width=750,height=540');">Граффити</a></li>
<li><a href="javascript://" onclick="new _uWnd('video','Подключение видео',550,210,{align:'left',closeonesc:1,min:0,max:0},{url:'/tmpls/?a=mm;t=video'});">Подключить видео</a></li>
<li><a href="javascript://" onclick="new _uWnd('audio','Подключение аудио',550,210,{align:'left',closeonesc:1,min:0,max:0},{url:'/tmpls/?a=mm;t=audio'});">Подключить аудио</a></li>
</ul></div></li></ul>
</td>
<td>
</td>
</tr>
</table>
</div>
</div>
<style>
.psearch {width:200px; height:20px; position:relative; background:url('http://joomla.ucoz.com/33/9/psearch-g.png') no-repeat;}
.psearchtext {background:#fff; border:0px; height:16px; width:95px; position:absolute; top:2px; left:2px; padding-left:3px;}
.psearchsbm {width:40px; height:16px; border:0px; background:url('http://joomla.ucoz.com/33/9/lupa.png') no-repeat; cursor:pointer; position:absolute; top:2px; right:2px;}
.psearchsbm:hover {background-position:0px -16px;}
.search-m {position:absolute; top:4px; right:45px; font-size:7pt;}
</style>
<div style="position:absolute; top:1px; right:2px;">
<div id="search_form" class="psearch">
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0pt;" action="/search/">
<input name="q" maxlength="30" onblur="if (value == '') {value = 'Поиск...'}" onfocus="if (value == 'Поиск...') {value =''}" value="Поиск..." class="psearchtext" type="text">
<input class="psearchsbm" name="sfSbm" value="" type="submit">
</form>
</div>
</div>
</div>
</div>
<!-- </Админ бар by uLink> -->
Готово.
Другие новости |
Поделиться ссылкой
|