Четверг, 10.07.2025, 02:28
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Май 2009  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Результаты | Архив опросов
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    		 Главная » 2009 » Май » 17 » Красивое меню на сайт
    17:55
    Красивое меню на сайт
    Вот сделал такое меню:

    Установка:

    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{
    width:700px;
    background:url(images/menu_036_bg.jpg) no-repeat;
    height:101px;
    }
    #menu ul{
    list-style:none;
    text-align:center;
    }
    #menu li{
    list-style:none;
    display:inline;
    margin:0 5px;
    }
    #menu li a{
    color:#5b90b8;
    text-transform:uppercase;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    line-height:64px;
    cursor:pointer;
    padding:8px 20px;
    }
    #menu li a:hover{
    color:#426f93;
    background:#75bffd url(images/menu_036_h.jpg) repeat-x center top;
    text-decoration:none;
    border:1px solid #95d0fe;
    }
    #menu li a.current{
    color:#426f93;
    background:#c5e7ff url(images/menu_036_c.jpg) repeat-x center top;
    text-transform:uppercase;
    font-size:13px;
    padding:8px 20px;
    line-height:64px;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #95d0fe;
    }</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 сайта | Просмотров: 1132 | Добавил: alexpetuhow | Рейтинг: 0.0/0
    Всего комментариев: 2
    2 KAIN007  
    -1
    хорошо

    1 VITALIK  
    -3
    Неочень

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