ВФЦУ, 19/07/25, 11:55 AM

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Djum  
Выдвижное меню!
[npu3pak]Дата: ВФЦУ, 27/06/10, 9:33 AM | Сообщение # 1





[ ]



Code
<style type="text/css">   
/* ***** menu ***** */   
ul#navigation {   
    position: fixed;   
    margin: 0px;   
    padding: 0px;   
    top: 0px;   
    right: 10px;   
    list-style: none;   
    z-index:999999;   
    width:550px;   
}   
ul#navigation li {   
    width: 103px;   
    display:inline;   
    float:left;    
}   
ul#navigation li a {   
    display: block;   
    float:left;   
    margin-top: -2px;   
    width: 100px;   
    height: 17px;   
    background-color:#E7F2F9;   
    background-repeat:no-repeat;   
    background-position:50% 10px;   
    border:1px solid #BDDCEF;   
    text-decoration:none;   
    text-align:center;   
    padding-top:80px;   
    opacity: 0.7;   
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);    
}   
ul#navigation li a:hover{   
    background-color:#CAE3F2;   
}   
ul#navigation li a span{   
    letter-spacing:2px;   
    font-size:12px;   
    color:#60ACD8;   
    text-shadow: 0 -1px 1px #fff;    
       
}   
ul#navigation .bazar a{   
    background-image: url(Ваша любая картинка!);   
}   
ul#navigation .hal a {   
    background-image: url(Ваша любая картинка!);   
}   
ul#navigation .for a {   
    background-image: url(Ваша любая картинка!);   
}   
ul#navigation .chatib a {   
    background-image: url(Ваша любая картинка!);   
}   
ul#navigation .sms a {   
    background-image: url(Ваша любая картинка!);   
}   
</style>   
<ul id="navigation">   
    <li class="bazar"><a href="ВАША ССЫЛКА" target ="_blank"><span>Меню</span></a></li>   
    <li class="hal"><a href="ВАША ССЫЛКА" target ="_blank"><span>Меню</span></a></li>   
    <li class="for"><a href="ВАША ССЫЛКА" target ="_blank"><span>Меню</span></a></li>   
    <li class="chatib"><a href="ВАША ССЫЛКА" target ="_blank"><span>Меню</span></a></li>   
<li class="sms"><a href="ВАША ССЫЛКА" target ="_blank"><span>Меню</span></a></li>   
</ul>   
<script type="text/javascript" src="http://icqhalyva.ru/scriptozina.ICQhalyva.ru.js"></script>   
<script type="text/javascript">   
    $(function() {   
    var d=300;   
    $('#navigation a').each(function(){   
    $(this).stop().animate({   
    'marginTop':'-80px'   
    },d+=150);   
    });   

    $('#navigation > li').hover(   
    function () {   
    $('a',$(this)).stop().animate({   
    'marginTop':'-2px'   
    },200);   
    },   
    function () {   
    $('a',$(this)).stop().animate({   
    'marginTop':'-80px'   
    },200);   
    }   
    );   
    });   
    </script>   
</td>   
    </tr>   
    </table>   
    </div></td>   
    </tr>   
</table>

[p.s.]Для Вас старался [npu3pak] biggrin biggrin Специально для mighty.net.ru если помог ставь + в репу[/p.s.]
  • Страница 1 из 1
  • 1
Поиск:


Хостинг от uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору.