Пятница, 17.05.2024, 10:38
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Июнь » 23 » Красивое горизонтальное меню для сайта
    22:12
    Красивое горизонтальное меню для сайта

    Это НЕ РИП с Forucoz.com

    Это меню имеет стасус free и может использоватся во всех целях кроме комерческих.

    Вствляем в CSS в самый низ

    Code
    * {margin:0; padding:0}
    body {font:14px Helvetica, sans-serif; font-weight:bold; background:#FFF}
    .menu {position:relative; background:url(images/bg.gif) repeat-x; height:35px;}
    .menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
    .menu li {float:left}
    .menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:10px}
    #slide {position:absolute; top:0px; height:35px; background:#89957a; z-index:10}

    Вставляем между <head>...</head>

    Code
    <script type="text/javascript" language="javascript" src="script.js"></script>

    Этот когд вставляем туда где вам нужно меню(замените ссылки на свои)

    Code
    <body onload="menuSlider.init('menu','slide')">
    <div class="menu">
      <ul id="menu">
      <li><a href="#">JavaScript</a></li>
      <li value="1"><a href="#">Graphic Design</a></li>
      <li><a href="#">HTML</a></li>
      <li><a href="#">User Interface</a></li>
      <li><a href="#">CSS</a></li>
      </ul>
      <div id="slide"></div>
    </div>

    <li value="1"> значит, что ссылка в которой стоит этот параметр будет выделена первой при загрузке страницы.

    Скачиваем архив и льем содержимое в корень сайта.

    И ещё вид данного меню вы можете изменить как вам угодно, в архиве есть картинка-фон.

    Категория: скрипты для ucoz сайта | Просмотров: 1031 | Добавил: 11d | Рейтинг: 0.0/0
    Всего комментариев: 141 2 »
    14 SLy_team  
    0
    cool:) + те)))

    13 Web-master  
    0
    спс, переделаю фон под свой сайт и всё будет OK happy

    11 LJLJLJLJLJ  
    0
    у меня хинт слетел и др ошибки sad

    12 11d  
    0
    Не знаю у меня все нормально, это видно на тестовом сайте

    10 Nightwayfer5210  
    0
    прикольное меню + happy

    9 softkey  
    0
    В CSS какой код у Форукоза стоит, ну цвет кода

    8 qwartal  
    0
    Залейте кто-нибудь файлик на депозит...а то я оттуда ни как не скачаю smile

    6 Gangster-Toni  
    0
    Перезалейка на депосид smile хочу потестировать smile

    5 Bogdan4eg  
    0
    меню как на форуме написано на JQuery + плагин. но оно было совсем не такое. я брал с английского сайта и 40% переделывал. smile

    3 l1fe  
    0
    если не ошибаюсь это меню писали специально под этот сайт,
    А то которое ты выложил фигня...
    Откройте исходный код страницы на форуме:)
    И все поймете

    7 11d  
    0
    Открой страницу примера и посмотри

    2 Bogdan4eg  
    0
    судя по коду - совсем не такое

    4 11d  
    0
    я и говорю что это не рип, на вид оно такое же а вот код другой

    1-10 11-11
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]