08:29
Обновить
Smoke.Do.Am | Все для CS и uCoz - Горизонтальное меню на CSS от www.Up-Rise.Ru - Форум
Воскресенье, 07.12.2025 08:29
Воскресенье, 07.12.2025, 08:29

Реклама:
Все для CS сайтов и системы uCoz Все для CS сайтов и системы uCoz

  • Страница 1 из 1
  • 1
Горизонтальное меню на CSS от www.Up-Rise.Ru
KARATEL Дата: Вторник, 18.01.2011, 14:58 | Сообщение # 1
[moder]Скрин не требуется так я сделал примерчик где можно протестировать менюшку что она работает : Жмякай[/moder]
[admin]Приступим к установке :[/admin]
[Table]Вот это мы вставляем в Шапку сайта в самый верх :[/Table]
Code
<div class="navigation">   
                <ul class="menu" id="menu">   
                    <li><span class=""></span><a href="http://www.up-rise.ru/" class="first">Главная</a></li>   
                    <li><span class="up_rise_video"></span><a href="http://www.up-rise.ru/stuff/">Видео</a></li>   
                    <li><span class="up_rise_tv"></span><a href="http://www.up-rise.ru/index/cyber_arenatv/0-9/">Cyber Arena</a></li>   
                    <li><span class="up_rise_photo"></span><a href="http://www.up-rise.ru/photo/">Галерея</a></li>   
                    <li><span class="up_rise_load"></span><a href="http://www.up-rise.ru/load/">Файлы</a></li>   
                    <li><span class="up_rise_admin"></span><a href="http://www.up-rise.ru/">Помощь</a></li>   
                    <li><span class="up_rise_forum"></span><a href="http://www.up-rise.ru/forum/" class="last">Форум</a></li>   
                </ul>   

</div>

[Table]Далее подключаем сразу после JS скрипт :[/Table]
Code
<script type="text/javascript">   

      var _gaq = _gaq || [];   
      _gaq.push(['_setAccount', 'UA-7243260-2']);   
      _gaq.push(['_trackPageview']);   

      (function() {   
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;   
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';   
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);   
      })();   

</script>   
            <script type="text/javascript" src="http://www.up-rise.ru/Downloads/Scripts/Menu2/jquery-1.3.2.js"></script>   
            <script type="text/javascript">   
                $(function() {   
                    var d=1000;   
                    $('#menu span').each(function(){   
                        $(this).stop().animate({   
                            'top':'-17px'   
                        } ,d+=25 0);   
                    });   

                    $('#menu > li').hover(   
                    function () {   
                        var $this = $(this);   
                        $('a',$this).addClass('hover');   
                        $('span',$this).stop().animate({'top':'40px'},300).css({'zIndex':'10'});   
                    },   
                    function () {   
                        var $this = $(this);   
                        $('a',$this).removeClass('hover');   
                        $('span',$this).stop().animate({'top':'-17px'},800).css({'zIndex':'-1'});   
                    }   
                );   
                });   
</script>

[Table]Так же желательно что бы вы прописали у себя в CSS такую вещь , что зазоры по краям края равны "0" :[/Table]
Code
body{margin:0px;padding:0px;}

[Table]И на по следок между и подключаем дополнительный CSS для работы менюшки :[/Table]
Code
<link rel="stylesheet" href="http://www.up-rise.ru/Downloads/Scripts/Menu2/style.css" type="text/css" charset="utf-8"/>

[Table]Все установка закончена, пользуйтесь. Кто напишет что не работает Выше я давал пример что все работает как положено[/Table]
[Table]Автор скрипта : NeoGame ( www.Up-Rise.Ru )[/Table]


Клан [Smoke™] Самый лучшый в мире!!!!
  • Страница 1 из 1
  • 1
Поиск:

Smoke.Do.Am© Все права защищены! Версия сайта 1.8 By GeForce | 2010 | Конструктор сайтовuCoz.
Полное или частичное использование материалов Attack-TM.NET.RU только с разрешения администрации.
Сайт оптимизирован под браузер Mozilla Firefox. Sitemap | Sitemap-forum.
Дизайн данного сайта полностью принадлежит администратору сайта.

Вся информация предоставленная на сайте Attack-Tm.NET.RU является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник.
Дизайн данного сайта полностью принадлежит администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается разбирательство с администрацией хостера (в данном случае системы uCoz) и блокировка аккаунта нарушителя.
Yandex | Google | Rambler | Yahoo | Mail