[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ваши жалобы и предложения » Улучшение сайта » Горизонтальное выдвижное меню
Горизонтальное выдвижное меню
omikron Дата: Понедельник, 15.02.2010, 22:20 | Сообщение # 1
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 
Code
<script type="text/javascript" src="http://ms-studio.do.am/file/JS/321.js"></script>
<script type="text/javascript" src="http://ms-studio.do.am/file/JS/123.js"></script>
<link type="text/css" rel="StyleSheet" href="" />

<center><div id="centerpage">
<div id="header">
<div id="menubar">
<a href="http://7ucoz.do.am/" onmouseover="ypSlideOutMenu.showMenu('menu1');" onmouseout="ypSlideOutMenu.hideMenu('menu1')"><IMG border=0 alt="Название Страницы" src="ссылка на картинку" width=91 height=57>
<a href="http://7ucoz.do.am/" onmouseover="ypSlideOutMenu.showMenu('menu2');" onmouseout="ypSlideOutMenu.hideMenu('menu2')"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>
<a href="http://7ucoz.do.am/" onmouseover="ypSlideOutMenu.showMenu('menu3');" onmouseout="ypSlideOutMenu.hideMenu('menu3')"><IMG border=0 alt="название страницы" src="ссылка на картинку" width=91 height=57>
<a href="http://7ucoz.do.am/" onmouseover="ypSlideOutMenu.showMenu('menu4');" onmouseout="ypSlideOutMenu.hideMenu('menu4')">название</a>
<a href="http://7ucoz.do.am/" onmouseover="ypSlideOutMenu.showMenu('menu5');" onmouseout="ypSlideOutMenu.hideMenu('menu5')"><IMG border=0 alt="название страницы" src="ссылка на картинку" width=98 height=57>
</div>
</div>
</center>
<div id="menu1Container">
<div id="menu1Content" class="menu">
<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

</div>

</div>
<div id="menu2Container">
<div id="menu2Content" class="menu">
<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

</div>
</div>
<div id="menu3Container">
<div id="menu3Content" class="menu">
<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

</div>

</div>
<div id="menu4Container">
<div id="menu4Content" class="menu">
<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>
</div>
</div>
<div id="menu5Container">
<div id="menu5Content" class="menu">
<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ссылка на страницу"><IMG border=0 alt="Название страницы" src="ссылка на картинку" width=91 height=57>

<a href="ССЫЛКА">Альянс</a>
</div>
</div></div>

снова учиться
omikron Дата: Среда, 24.02.2010, 23:14 | Сообщение # 2
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 
старое меню
Code
table cellpadding="0" cellspacing="0" border="0" width="100%" height="23" style="border:1px solid #262626;background:#000000;">  
<tr>  
  <td width="50%" align="left" style="font-size:10px;padding-left:10px;"><IMG border=0 alt="Веселый Роджер" src="http://i075.radikal.ru/0912/bc/7f9e177058bf.gif" width=110 height=57><A href="$HOME_PAGE_LINK$"><IMG border=0 alt="Главная" src="http://i048.radikal.ru/0912/7f/c3f2d99b9393.png" width=91 height=57><A href="/forum"><IMG border=0 alt="Форум" src="http://s50.radikal.ru/i129/0912/e2/f94b45027e59.png" width=91 height=57><A href="http://rip-clan-fl.ucoz.ru/index/0-5"><IMG border=0 alt="Кодекс клана |RIP|" src="http://s57.radikal.ru/i157/0912/ed/a350e4f8c18f.png" width=91 height=57><A href="/load"><IMG border=0 alt="Котолог файлов" src="http://s41.radikal.ru/i091/0912/15/013735f09e63.png" width=91 height=57><A href="/publ"><IMG border=0 alt="Каталог статей" src="http://i056.radikal.ru/0912/17/8c4785dd92db.png" width=91 height=57><A href="/photo"><IMG border=0 alt="Блог картинок" src="http://s59.radikal.ru/i163/0912/fa/e74d00cfd534.png" width=91 height=57><A href="http://rip-clan-fl.ucoz.ru/index/0-7"><IMG border=0 alt="Видео Блог" src="http://s39.radikal.ru/i086/0912/dc/78ae56494126.png" width=91 height=57><A href="http://rip-clan-fl.ucoz.ru/index/reputacija_klana/0-13"><IMG border=0 alt="Видео Блог" src="http://www.imghost.in/images/4dbol2vhnh4gmgv7662.png" width=98 height=57>
  <td width="50%" align="right" style="font-size:10px;padding-right:10px;"><div id="google_translate_element"></div><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->[Вы <!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> <!--<s3167>--><!--</s>--> <u></u><?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a>]</td> <?endif?><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
  pageLanguage: 'ru',
  includedLanguages: 'en'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>  
  </tr>  
</table>

снова учиться
omikron Дата: Среда, 10.03.2010, 22:51 | Сообщение # 3
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 
Code
<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
<li class="top"><a href="/forum" class="top_link"><span>TEST</span></a></li>
<li class="top"><a href="ссылка" id="products" class="top_link"><span class="down">Название</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
[*][b]Название[/b]</li>
[*]<a href="ссылка" class="fly">Название<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->[list]
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[/list]<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
[*]<a href="ссылка" class="fly">Название<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->[list]
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*][b]Название[/b]</li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*][b]Название[/b]</li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[/list]<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
[*][b]Название[/b]</li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[/list]<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top"><a href="ссылка" id="services" class="top_link"><span class="down">Название</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[*]<a href="ссылка">Название</a></li>
[/list]<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="ссылка" id="privacy" class="top_link"><span>Название</span></a></li>
[/list]



снова учиться
omikron Дата: Среда, 10.03.2010, 23:06 | Сообщение # 4
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 


Code
<style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px; /* Width of Menu Items */
border-bottom: 1px solid #000000;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 180px; /* Width of Menu Items */
border-bottom: 1px solid #212121;
}

.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FF0000;
text-decoration: none;
background: #292929;
padding: 8px 15px;
border: 1px solid #212121;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #FF0000;
}

.suckerdiv ul li a:hover{
background: url(http://str1ker.ucoz.org/diz1/strelka.gif);
}

.suckerdiv .subfolderstyle{
background: url(http://str1ker.ucoz.org/diz1/strelka2.png) no-repeat center right;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">
var menuids=["suckertree1"]

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i])
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"
else
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>

<div class="suckerdiv">
<ul id="suckertree1">

<center><h3>[color=red]Сайт[/color]</h3></center>
[*]<a href="http://all-cs-portal.ucoz.ua/">Главная</a>
[*]<a href="http://all-cs-portal.ucoz.ua/forum">Форум</a>
<center><h3>[color=red]Разное[/color]</h3></center>
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/counter_strike_source/1"Сылка">Картинки</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/photo/counter_strike/kontry/2">Контры</a>
[*]<a href="http://all-cs-portal.ucoz.ua/photo/counter_strike/tery/3">Теры</a>
[*]<a href="http://all-cs-portal.ucoz.ua/photo/counter_strike/raznoe/4">Разное</a>
[/list]
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/counter_strike_source/1"Сылка">Видео</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/blog/2009-08-29-67">Видео о читерах</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/2009-08-29-68">Cyber sport</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/1-0-7">Мульты</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/1-0-6">Прострелы карт в кс</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/1-0-5">Карты в разрезе</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/1-0-2">Приколы кс</a>
[/list]
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/counter_strike_source/1"Сылка">Юмор</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/index/stishki_pro_ks/0-12">Стишки про кс</a>
[*]<a href="http://all-cs-portal.ucoz.ua/blog/2009-05-27-40">Басни</a>
[*]<a href="http://all-cs-portal.ucoz.ua/photo/counter_strike/kontry/2">Как стать отцом кс</a>
[*]<a href="http://all-cs-portal.ucoz.ua/index/otvety_otcov/0-14">Ответы отцов кс</a>
[/list]
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/counter_strike_source/1"Сылка">Ниши баннеры</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/index/nash_banner_88kh31/0-22">Наш баннер 88х31</a>
[*]<a href="http://all-cs-portal.ucoz.ua/index/banner_150kh200/0-24">Наш баннер 150х200</a>
[*]<a href="http://all-cs-portal.ucoz.ua/index/nash_big_banner/0-17">Наш big баннер</a>
[/list]
<center><h3>[color=red]Файлы[/color]</h3></center>
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/counter_strike_source/1"Сылка">Counter strike source</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/load/11">Модели оружия</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/12">Модели игроков</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/22">Карты</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/24">Руки и перчатки</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/26">Спреи</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/23">Другие модели</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/25">Скачать cs source</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/27">Меню</a>
[/list]
[*]<a href=http://cs-hgs-portal.ucoz.ua/load/counter_strike_16/7">Counter strike 1.6</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/load/4">Модели оружия</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/2">Модели игроков</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/5">Карты</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/15">Спрайты</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/6">Руссификаторы</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/7">Патчи</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/9">Боты</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/8">Другие модели</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/13">Скачать cs 1.6</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/14">Иконки CS</a>
[/list]
[*]<a href=http://cs-hgs-portal.ucoz.ua/load/vse_dlja_ucoz/15"Сылка">uCoz</a>
[list]
[*]<a href="http://all-cs-portal.ucoz.ua/load/17">Шапки</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/19">Шаблоны</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/20">Аватарки</a>
[*]<a href="http://all-cs-portal.ucoz.ua/load/21">Иконки</a>
[*]<a href="http://all-cs-portal.ucoz.ua/forum/41">Скрипты</a>
[/list]
[*]<a href=http://cs-hgs-portal.ucoz.ua/load/vse_dlja_fotoshopa/19">Photoshop</a>
[list]
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/vse_dlja_fotoshopa/kisti/21">Кисти</a></li>
[*]<a href="http://cs-hgs-portal.ucoz.ua/load/vse_dlja_fotoshopa/shrifty/20">Шрифты</a>
[/list]
[/list]
</div>

снова учиться
omikron Дата: Среда, 10.03.2010, 23:09 | Сообщение # 5
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 

Заходим паннель управления - редактор страниц - Управление дизайном модуля - форум
находим $BODY$ и заменяем его етим
Code
<div id="forumbody">$BODY$</div><?if($PAGE_ID$='main')?><style type="text/css">   
.gTopCornerRight {display:none;}   
</style>   
<script type="text/javascript" src="http://mnogo-softa.ru/js/toggleforums.js"></script><?endif?>

снова учиться
omikron Дата: Среда, 10.03.2010, 23:18 | Сообщение # 6
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 

Code
<DIV>   
<FIELDSET class="counter"><LEGEND><B><STRONG><DIV style="width:157px;background:url('http://csfilez.net.ru/design/fon2.bmp') repeat-x #494949; border: #222222 1px solid; color:#707070;">Статистика:</DIV></STRONG> </B></LEGEND>   
<DIV align="center">   
<div id="banners">   
$COUNTER$   
Это ваши счетчики   
</DIV>   

<img src="http://csfilez.net.ru/design/liniyaNew.png" border="0"></p>   
<div class="tOnline" id="onl1"><div class="tOnline" id="onl1">$ONLINE_COUNTER$ </div></div>   

<img src="http://csfilez.net.ru/design/liniyaNew.png" border="0"></p>   
Сейчас на сайте:   
<br>   
</br>   
$ONLINE_USERS_LIST$   
<P align="left"><center>[<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный список</a>]</center></P>   

</td></tr>

снова учиться
omikron Дата: Среда, 10.03.2010, 23:19 | Сообщение # 7
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 

Code
<!-- <Баннер начало> -->   
<!-- <Для тех кто копирует себе на сайт. Можете пользоваться данным скриптом как хотите <img src="http://s23.ucoz.net/sm/23/smile.gif" border="0" align="absmiddle" alt="smile"> он всерано не мой)))> -->   
<!-- <Вставляем в блок на сайте> -->   

<div align="center"><br><br></div><center><span style="color: rgb(255, 255, 0);"><b>Введите ваш текст сюда<div>   

<!-- <Pop-up окно> -->   

<script>   
function popup1()   
{   
prompt('Тут ваш текст','Тут ваша баннерская сыллка');   
return false;   
}   
</script>   

<!-- <Pop-up окно конец> -->   

<br>   
Ваша баннерская сыллка (отображается в блоке)<br><br>   
<form><center>   
<input value="Получить код" onclick="popup1()" type="button">   
</center><br></form>   

<!-- <Баннер конец> -->   
<!-- <Отредактировал AdM> -->

снова учиться
omikron Дата: Четверг, 11.03.2010, 16:06 | Сообщение # 8
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 
горизантальное выдвижно(только по клику) меню
Code
<script type="text/javascript" src="jquery.js"></script>   
<script type="text/javascript">   
$(document).ready(function(){  
     
   $("ul.subnav").parent().append("<span></span>");   
     
   $("ul.topnav li span").click(function() {  
     
   $(this).parent().find("ul.subnav").slideDown('fast').show();   
     
   $(this).parent().hover(function() {  
   }, function(){   
   $(this).parent().find("ul.subnav").slideUp('slow');   
   });  
     
   }).hover(function() {   
   $(this).addClass("subhover");   
     
   $(this).removeClass("subhover");   
   });  
     
});  
</script>   
<style type="text/css">   
body {  
   margin: 0; padding: 0;  
   font: 10px normal Arial, Helvetica, sans-serif;  
   background: #ffffff repeat-x;  
}  
.container {  
   width: 960px;  
   margin: 0 auto;  
   position: relative;  
}  
#header .disclaimer {  
   color: #999;  
   padding: 100px 0 7px 0;  
   text-align: right;  
   display: block;  
   position: absolute;  
   top: 0; right: 0;  
}  

ul.topnav {  
   list-style: none;  
   padding: 0 20px;   
   margin: 0;  
   float: left;  
   width: 920px;  
   background: #222;  
   font-size: 1.2em;  
   background: url(images/topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
   float: left;  
   margin: 0;   
   padding: 0 15px 0 0;  
   position: relative;   
}  
ul.topnav li a{  
   padding: 10px 5px;  
   color: #fff;  
   display: block;  
   text-decoration: none;  
   float: left;  
}  
ul.topnav li a:hover{  
   background: url(images/topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span {   
   width: 17px;  
   height: 35px;  
   float: left;  
   background: url(images/subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}   
ul.topnav li ul.subnav {  
   list-style: none;  
   position: absolute;   
   left: 0; top: 35px;  
   background: #333;  
   margin: 0; padding: 0;  
   display: none;  
   float: left;  
   width: 170px;  
   -moz-border-radius-bottomleft: 5px;  
   -moz-border-radius-bottomright: 5px;  
   -webkit-border-bottom-left-radius: 5px;  
   -webkit-border-bottom-right-radius: 5px;  
   border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
   margin: 0; padding: 0;  
   border-top: 1px solid #252525;   
   border-bottom: 1px solid #444;   
   clear: both;  
   width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
   float: left;  
   width: 145px;  
   background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;  
   padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover {   
   background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;   
}  
#header img {  
   margin: 20px 0 10px;  
}  
</style>
<div class="container">   
   <div id="header">   
   <ul class="topnav">   
   <li><a href="$HOME_PAGE_LINK$">Главная</a></li>   
   <li>   
   <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">$USERNAME$</a>  
   <ul class="subnav">   
   <li><a href="$PM_URL$">Личные сообщения ($UNREAD_PM$)</a></li>   
   <li><a href="$USERS_LIST_URL$">Все пользователи</a></li>  
   <li><a href="$LOGOUT_LINK$">Выход</a></li>  
   </ul>   
   <?else?>  
   <a href="$LOGIN_LINK$">Зарегистрируйтесь или войдите!</a>  
   <?endif?>  
   </li>   
   <li>   
   <a href="/forum">Форум</a>   
     
   </li>   
   <li><a href="/publ">Статьи</a>  
   </li>   
   <li><a href="/blog">Блог</a></li>  
   <li><a href="/load">Файлы</a></li>   
   <li><a href="/photo">Фото</a></li>  
   <li><a href="/gb">Гостевая книга</a></li>  
   <li><a href="/index/0-2">О нас</a></li>   
   </ul>   
   </div>   
</div>

скачать меню фаил и залить картинки в папку image в корне сайта и Фаил Джунери в сам корень сайта

P.S. Блочит фон(фон сайта становится белый)


снова учиться
omikron Дата: Суббота, 13.03.2010, 20:35 | Сообщение # 9
Сообщений: 867
Замечания:
Уважение
[ 10 ]
Статус:
 
Code
<div id="menu">
<ul class="menu">
     <li><a href="#">Главная</a></li>
     <li><a href="#">Об авторе и блоге</a></li>
     <li><a href="#">Портфолио</a>
              <ul class="submenu">
                   <li><a href="#">Дизайн</a></li>
                   <li><a href="#">Верстка</a></li>
                   <li><a href="#">Веб-интерфейсы</a></li>
              </ul>
     </li>
     <li><a href="#">Реклама в блоге</a></li>
     <li><a href="#">Обмен ссылками</a></li>
</ul>
</div>

Code
#menu {
background: #9ea8b2 url(images/mbg.gif) repeat-x; height: 43px; behavior: url(csshover.htc);
}
#menu ul, li {margin: 0px; padding: 0px}
ul.menu {float: left}
#menu ul.menu li {
display: block; margin: 0px; width: 200px; height: 30px;
float: left; text-align: center; padding-top: 13px;
}
#menu ul.menu li:hover {background: #5e717f url(images/mbgh.gif) repeat-x;}
#menu ul.menu li:hover ul.submenu {display: block; -margin-left: -141px; -margin-top: 30px;}
#menu ul.menu li ul.submenu {display: none; background: #bcc4ce; margin-top: 13px; position: absolute;}
#menu ul.menu li ul.submenu li {display: block; float: none}
#menu ul.menu ul.submenu li:hover {background: #9ca6b0;}
#menu ul li a {
font-size: 14px; color: #fff; text-decoration: none;}
#menu ul li a:hover {color: #ecd661;}
#menu ul.submenu li a {
font-size: 14px; color: #4f5458; text-decoration: none;}
#menu ul.submenu li a:hover {color: #152535;}

снова учиться
Форум » Ваши жалобы и предложения » Улучшение сайта » Горизонтальное выдвижное меню
  • Страница 1 из 1
  • 1
Поиск:

Клановые банеры

 

 
 
 Клан Демоны Сириуса
 
Clan FFS (Free Fellowship of Sirius) 

Сайты Серверов

 
Fl_Orion_mod 
FL-Project 
 
Freelancer Another World : Open Sirius The StarPort in Russia

ДРУГИЕ Сайты