[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
New меню
UkRopДата: Пятница, 01.10.2010, 15:19 | Сообщение # 1
Сообщений: 17
[ 0 ]

Ну, наверно многие не поняли для чего оно.
Объясню: Данное меню специально для нижней части сайта.
В нижней части сайта смотрится красиво =)
Создать папку menu в файловом менеджере, и туда засунуть картинки СКАЧАТЬ
Это вставляем в CSS:
Code
==================================================================  
/* Menu by Olezka */  
ul#cssmenu {  
    width:75%;  
    margin: 0;  
    padding: 0;  
    list-style: none;  
    background: url('/menu/menu_UP_background.png');  
    height: 15px;  
    font:10px/15px Visitor_Rus;  
    border:#5d5d5d 1px solid;  
}  

ul#cssmenu li {  
    margin: 0;  
    border: 0 none;  
    padding: 0;  
    float: left;  
    display: inline;  
    list-style: none;  
    position: relative;  
    height: 17px;  
}  

ul#cssmenu ul {  
    margin: 0;  
    border: 0 none;  
    padding: 0;  
    width: 140px;  
    list-style: none;  
    display: none;  
    position: absolute;  
    bottom: 17px;  
    left: 0;  
}  

ul#cssmenu ul:after {  
    clear: both;  
    display: block;  
    content: ".";  
    height: 0;  
    visibility: hidden;  
}  

ul#cssmenu ul li {  
    width: 140px;  
    float: left;  
    display: block !important;  
    display: inline;  
}  

/* Main Menu */  
ul#cssmenu a {  
    border: 0px;  
    padding: 0 10px;  
    float: none !important;  
    float: left;  
    display: block;  
    color:#5d5d5d;  
    font:10px/15px Visitor_Rus;  
    text-decoration: none;  
    height: auto !important;  
    height: 1%;  
}  

/* Main Menu Hover */  
ul#cssmenu a:hover,  
ul#cssmenu ul:hover,  
ul#cssmenu li:hover a,  
ul#cssmenu li.iehover a {  
    color:#5d5d5d;  
    background:url('/menu/fon_link.gif');  
}  

/* Second Menu */  
ul#cssmenu li:hover li a,  
ul#cssmenu li.iehover li a {  
    float: none;  
    background:url('/menu/1.22.png');  
    color:#5d5d5d;  
    border:#5d5d5d 1px solid;  
}  

/* Second Menu Hover */  
ul#cssmenu li:hover li a:hover,  
ul#cssmenu li:hover li:hover a,  
ul#cssmenu li.iehover li a:hover,  
ul#cssmenu li.iehover li.iehover a {  
    background:url('/menu/fon2.bmp');  
    border:#5d5d5d 1px solid;  
    color:#5d5d5d;  
}  

ul#cssmenu ul ul {  
    display: none;  
    position: absolute;  
    top: 0;  
    left: 170px;  
}  

ul#cssmenu li:hover ul ul,  
ul#cssmenu li.iehover ul ul {  
    display: none;  
}  

ul#cssmenu li:hover ul,  
ul#cssmenu ul li:hover ul,  
ul#cssmenu li.iehover ul,  
ul#cssmenu ul li.iehover ul {  
    display: block;  
}  
/* ------------- */  
==============================================================

Ну а это уже в нижнюю часть сайта:
Code
==============================================================  

<td width="36%" align="center" style="background: border: 0px solid #3d3d3d; ">  
<ul id="cssmenu">  

<li><a href="#">Основ.раздел</a>  
<ul>  
<li><a href="/">Главная страница</a></li>  
<li><a href="/dir/">Топ сайтов</a></li>  
<li><a href="/news/">Новости</a></li>  
<li><a href="/load/">Файлы</a></li>  
<li><a href="/forum/">Форум</a></li>  
</ul>  
</li>  
<li><a href="#">Доп.раздел</a>  

<ul>  
<li><a href="javascript://" onclick="openLayerB('PM',0,'/site_desiGn/scripts/xml/Deposite_files.xml','Поиск',750,450,'1','','',0,'center');return false;" title="Gold">Gold DepostitFiles</a></li>  
<li><a href="javascript://" onclick="openLayerB('USearch',0,'/site_desiGn/scripts/xml/search.xml','Поиск',370,150,'1','','',0,'center');return false;" title="Поиск">Поиск</a></li>  
<li><a href="/index/tegi_sajta/0-4">Теги</a></li>  
</ul>  
</li>  
<li><a href="#">Заказать</a>  
<ul>  
<li><a href="/forum/9">Заказать рип шаблона</a></li>  
<li><a href="/forum/10">Заказать рип скрипта</a></li>  
</ul>  

</li>  
<li><a href="#">uCoz</a>  
<ul>  
<li><a href="/load/sistema_ucoz/ripy_ot_nas/2">Рипы от нас</a></li>  
<li><a href="/load/sistema_ucoz/shablony/3">Шаблоны</a></li>  
<li><a href="/load/sistema_ucoz/ikonki_grupp/4">Иконки групп</a></li>  
<li><a href="/load/sistema_ucoz/ikonki_dlja_foruma/5">Иконки для форума</a></li>  
<li><a href="/load/sistema_ucoz/shapki_dlja_sajtov/6">Шапки для сайтов</a></li>  
</ul>  
</li>  
</ul>  

</center>  
<script type="text/javascript">  
// JavaScript Document  
function cssmenuhover()  
{  
    if(!document.getElementById("cssmenu"))  
    return;  
    var lis = document.getElementById("cssmenu").getElementsByTagName("LI");  
    for (var i=0;i<lis.length;i++)  
    {  
    lis[i].onmouseover=function(){this.className+=" iehover";}  
    lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}  
    }  
}  
if (window.attachEvent)  
    window.attachEvent("onload", cssmenuhover);  
</script>  
</td>  
==================================================================================
  • Страница 1 из 1
  • 1
Поиск: