Суббота, 18.05.2024, 01:34
Меню сайта
    Форма входа
    Категории раздела
    скрипты для 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 » Май » 17 » Czoo Menu для Ucoz
    18:33
    Czoo Menu для Ucoz

    Установка:

    1. Скачиваем архив и заливаем картинки из скачаной папки в папку images

    2. Копируем код, и вставляем между <head> и </head>

    Quote
    <style type="text/css">
    /* --------------------------
    AUTHOR : ST1M
    URL : http://www.nncity.pp.ru
    Copyrights by ST1M
    ----------------------------*/
    *{
    margin:0;
    padding:0;
    }
    body{
    background:#fff;
    color:#666;
    font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
    }
    #menu{
    /* margin:0 auto;*/
    width:700px;
    height:59px;
    background:url(/images/menu_034_bg.jpg) repeat-x;
    }
    #menu ul{
    list-style:none;
    margin:0 auto;
    width:500px;
    }
    #menu li{
    list-style:none;
    display:block;
    float:left;
    height:59px;
    line-height:59px;
    }
    #menu li a{
    display:block;
    float:left;
    color:#a7a7a7;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    line-height:59px;
    text-decoration:none;
    padding:0 20px;
    }
    #menu li a:hover{
    color:#fff;
    background:url(/images/menu_034_h.jpg) no-repeat bottom;
    }
    #menu li a.current{
    display:block;
    float:left;
    background:url(/images/menu_034_h.jpg) no-repeat bottom;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    line-height:59px;
    text-decoration:none;
    padding:0 20px;
    }
    #menu li a:hover.current{
    color:#fff;
    }</style>

    3. Вставляем этот код в любое место

    Quote
    <div id="menu">
    <ul>
    <li><a href="ссылка" class="current">Название</a></li>
    <li><a href="ссылка">Название</a></li>
    <li><a href="ссылка">Название</a></li>
    <li><a href="ссылка">Название</a></li>
    <li><a href="ссылка">Название</a></li>
    </ul>
    </div>
    Категория: скрипты для ucoz сайта | Просмотров: 763 | Добавил: alexpetuhow | Рейтинг: 0.0/0
    Всего комментариев: 6
    6 Un1tre1d  
    0
    2. Копируем код, и вставляем между <head> и </head> surprised

    Вообще-то там код CSS стилей tongue


    5 andruxa17  
    0
    а почему картинки не показывает?

    4 andruxa17  
    0
    да блин ниче не прет (((

    3 Akatsuki  
    0
    Вот это понравилось

    2 alexpetuhow  
    0
    здесь все менюшки которые я выложил на русском, просто пример английский

    1 WiN32  
    0
    Надо было на русском

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