Понедельник, 28.07.2025, 20:46
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Март 2009  »
    Пн Вт Ср Чт Пт Сб Вс
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Март » 22 » Красивое горизонтальное меню
    19:23
    Красивое горизонтальное меню
    Вот нашёл у вас на сайте одно меню и переделал его на более красивое (вроде бы).

    Это ставим перед </head>:

    Code
    <style type="text/css">
    /*Credits: By Santosh Setty (http://www.allru.ucoz.net) */

    .glossymenu{
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url() repeat-x; /*путь к картинке заднего фона*/
    height: 30px;
    list-style: none;
    }

    .glossymenu li{
    float:right;
    }

    .glossymenu li a{
    float: left;
    display: block;
    color:#ffa200;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    }

    .glossymenu li a b{
    float: left;
    display: block;
    padding: 0 24px 0 8px; /*Расстояние между элементами меню*/
    }

    .glossymenu li.current a, .glossymenu li a:hover{
    color: #000000;
    background: url(http://allru.ucoz.net/images/menu_n_2.png) no-repeat; /*путь к левой картинке*/
    background-position: left;
    }

    .glossymenu li.current a b, .glossymenu li a:hover b{
    color: #000000;
    background: url(http://allru.ucoz.net/images/menu_n_1.png) no-repeat right top; /*путь к правой картинке*/
    }</style>

    А это ставим туда где вы хотите чтобы было меню:

    Code
    <td width="10%" align="right" style="font-size:10px;padding-right:10px;">
    <ul class="glossymenu">
    <li><a href="ссылка"><b>Название</b></a></li>
    <li><a href="ссылка"><b>Название</b></a></li>  
    <li><a href="ссылка"><b>Название</b></a></li>  
    <li><a href="ссылка"><b>Название</b></a></li>  
    <li><a href="ссылка"><b>Название</b></a></li>  
    <li><a href="ссылка"><b>Название</b></a></li>  
    <li><a href="ссылка"><b>Название</b></a></li>  
    </ul>
    </td>
    Категория: скрипты для ucoz сайта | Просмотров: 1254 | Добавил: allru | Рейтинг: 0.0/0
    Всего комментариев: 2
    2 allru  
    0
    Кто хочет посмотреть его в деле идёт сюда.

    1 Bryancik  
    0
    да кравивое, но я предпочитаю вертикальное меню

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