Суббота, 07.03.2026, 04:45
Меню сайта
    Форма входа
    Категории раздела
    скрипты для 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 » Июнь » 10 » Всплывающие меню Rip by djanonym
    15:41
    Всплывающие меню Rip by djanonym
    Всплывающие меню при навидений мышки
    До

    После

    1. Подключаем jquery
    2. Добавляем в head

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

    3. Добавляем код меню + шапки после <body>

    Code
    <div id="hit_area" onmouseover="jos();">
    ТУТ КОД МЕНЮ
    <div id="menu_holder">
      <div id="nav">
      <ul>
      <li><a href="/">Главная</a></li>
      <li><a href="/forum/">Форум</a></li>
      <li><a href="/gb/">Гостевая</a></li>
       
      <li><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> </li>
      <li> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?><a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?> </li>
       
      </ul>
      </div></div></div>
    </div>
    <script type="text/javascript" src="/men.js"></script>
    <div id="body" onmouseover="sus();">

    4. Добавить код в CSS и залить картинки в папку final

    Code
    /* top menu */
    #menu_holder {
      height: 58px;
      width: 100%;
      display: block;
      float:right;
      position: absolute;
      top: -58px;
    }
    #nav {
      height: 58px;
      width: 542px;
      margin: 0px auto;
      padding: 0px;
      background-image: url(/final/right.png);
      background-repeat: no-repeat;
      background-position: right;
    }
    #hit_area {
      height: 200px;
      width: 100%;
      margin: 0px;
      padding: 0px;
    }
    #nav ul {
      margin: 0px;
      padding: 0px 0px 0px 21px;
      height: 58px;
      list-style-type: none;
      background-image: url(/final/left.png);
      background-repeat: no-repeat;
    }
    #nav li{
      margin: 0px;
      padding: 0px;
      float: left;
    }
    #nav li a:link, #nav li a:active, #nav li a:visited {
      background-image: url(/final/middle.png);
      background-repeat: repeat-x;
      height: 58px;
      width: 100px;
      display: block;
      line-height: 58px;
      font-weight: bold;
      color: #666666;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
      font-size: 120%;
    }
    #nav li a:focus, #nav li a:hover{
      text-decoration : none;
      -moz-outline:0;
      color: #FFFFFF;
      background-image: url(/final/rollOver.png);
      background-repeat: repeat-x;
    }
    /* end topmenu */

    JS файлы в архиве

    Отдельно в одном архиве
    http://depositfiles.com/files/9mpyyxmcz
    http://letitbit.net/download/6ff08ec2fe/menu.rar.html

    Категория: скрипты для ucoz сайта | Просмотров: 841 | Добавил: RoleX | Рейтинг: 0.0/0
    Всего комментариев: 3
    3 SATAHA(RInarDO)  
    0
    непашет епт

    2 autotaztuning  
    1
    круть

    1 autotaztuning  
    1
    XD

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