Пятница, 17.05.2024, 11:41
Меню сайта
    Форма входа
    Категории раздела
    скрипты для 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 » Июнь » 30 » Красивое горизонтальное меню от Alexpetuhow
    19:33
    Красивое горизонтальное меню от Alexpetuhow
    Вот решил поделиться меню:

    1. Ставим этот код в head сайта

    Code
    <style type="text/css">

    /*Credits: ST1M */
    /*URL: http://www.nncity.nnov.ru */

    .solidblockmenu{
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url(/images/blockdefault.gif) center center repeat-x;
    }

    .solidblockmenu li{
    display: inline;
    }

    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 9px 11px;
    text-decoration: none;
    border-right: 1px solid white;
    }

    .solidblockmenu li a:visited{
    color: white;
    }

    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;
    background: transparent url(/images/blockactive.gif) center center repeat-x;
    }

    </style>

    2. А этот код вставляем туда, где хотите видеть это меню

    Code
    <ul class="solidblockmenu">
    <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>
    <li><a href="Ссылка">Название</a></li>
    </ul>
    <br style="clear: left" />

    <p class="iepara">Paragraph that follows...</p>

    3. Скачиваем архив, и кидаем 2 картинки из него в папку images

    Категория: скрипты для ucoz сайта | Просмотров: 937 | Добавил: alexpetuhow | Рейтинг: 0.0/0
    Всего комментариев: 121 2 »
    12 iRelax  
    0
    перезалей на летибит!!!

    11 ucozник  
    0
    cool !

    10 GanG_SteRR  
    0
    Ваще хорошие меню! happy

    9 nTaLLIka  
    -2
    супер +1 смотрите пример тут =) http://slavytichtm.at.ua/ biggrin

    7 [L][O][R][D]  
    -1
    Люди где найти этот Head

    8 ucozник  
    0
    biggrin biggrin biggrin

    6 [SD]serega  
    0
    мне ваше нравиться скриптик рулит))

    5 Transcend  
    -2
    Супер!
    немного подкоректировал
    http://cs-alternative.clan.su

    4 ILLEGAL  
    0
    /*Credits: ST1M */
    /*URL: http://www.nncity.nnov.ru */

    wacko


    3 Support  
    0
    biggrin зае*ца +

    2 -SLIM-  
    0
    Да супер!!!

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