Скрипты для Ucoz [474] |
Шаблоны для Ucoz [199] |
Графика для Ucoz [11] |
Скрипты Меню для сайта [21] |
Ajax Окна [4] |
Главная » Файлы » Всё для Ucoz » Скрипты Меню для сайта |
<!---- Удаляем ВСЕ ЧТО НИЖЕ если не нужно центрировать -->
<script type="text/javascript">
if (window.attachEvent){
window.attachEvent('onresize',center);
window.attachEvent('onload',center);
}else if(window.addEventListener){
window.addEventListener('resize',center, false);
window.addEventListener('load',center, false);
}
function center(){
var i = document.getElementById('menu_ihtut_net');
i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';
};
</script>
<!---- Удаляем ВСЕ ЧТО ВЫШЕ если не нужно центрировать -->
<!-- код меню -->
<div class="menu_ihtut_net">
<div id="menu_ihtut_net">
<a href="#">Главная</a>
<a href="#">О нас</a>
<a href="#">Контакты</a>
<a href="#">Карта сайта</a>
<a href="#">Как нас найти</a>
</div>
</div>
<!-- end код меню -->
/*===========================================
Свойства без комментариев менять не стоит.
Обязательно измените путь к изображению.
============================================*/
div.menu_ihtut_net {
background: url("/images/menuihtutnet-fon.png") repeat-x 0 0; /* фон меню , пропишите правильный путь! */
height:80px;
overflow: hidden;
}
div.menu_ihtut_net div#menu_ihtut_net{
float: left;
padding:0;
height:80px;
margin: 0 10px;
}
div.menu_ihtut_net a{
background: url("/images/menuihtutnet-link.png") no-repeat 0 0; /* фон пунктов меню , пропишите правильный путь! */
color: #bbb; /* цвет шрифта */
display: block;
float: left;
font: 17px/63px Impact; /* размер шрифта / высота шрифта (НЕ МЕНЯТЬ!) / семейство шрифтов */
height:65px;
text-decoration: none; /* подчеркивание(сейчас его нет) */
text-align: center;
width: 147px;
overflow: hidden;
margin: 10px 0 0 0; /* отступы пунктов меню */
text-shadow: #000 0 0 1px; /* тень у букв */
}
div.menu_ihtut_net a:hover, div.menu_ihtut_net a.active{
background: url("/images/menuihtutnet-link.png") no-repeat 0 100%; /* фон пунктов меню (при наведении) , пропишите правильный путь! */
color: #bff5ff; /* цвет шрифта при наведении */
text-shadow: #249dfb 0 0 25px; /* тень у букв при наведениии */
}
Всего комментариев: 1 | |
Написал: Молой
23:03
Все сделал, а кнопки не отображаються картинки сами
| |