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

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2010 » Апрель » 15 » Горизонтальное меню:Черно-Зеленое
    20:46
    Горизонтальное меню:Черно-Зеленое
    Горизонтальное меню, подойдет для темных дизайнов например тематики CS

    Установка

    1. Качаем архив, закидываем картинки в папку images
    2. Копируем код скрипта ucoz - и вставляем между <head> и </head>

    Code
    <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><P>

    3. Вставляем код скрипта ucoz туда где хотим видеть меню

    Code
    <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 сайта | Просмотров: 256 | Добавил: AntonJkeeee | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]