Пятница, 11.07.2025, 05:27
Меню сайта
    Форма входа
    Категории раздела
    скрипты для 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 » Март » 13 » Красивые CSS меню
    03:27
    Красивые CSS меню

    Установка:
    1.Качаем архив (ниже )
    2.Перебрасываем папку Images
    3.Заходим в CSS и вставляем в вверху этот код

    Code
    /* CSS Document */  
    .rhm1{  
    width:780px;  
    height:64px;  
    margin:0 auto;  
    background:url(images/rhm1_bg.gif) repeat-x;  
    }  
    .rhm1-left{  
    background:url(images/rhm1_l.gif) no-repeat;  
    width:15px;  
    height:64px;  
    float:left;  
    }  
    .rhm1-right{  
    background:url(images/rhm1_r.gif) no-repeat;  
    width:15px;  
    height:64px;  
    float:right;  
    }  
    .rhm1-bg{  
    background:url(images/rhm1_bg.gif) repeat-x;  
    height:64px;  
    }  
    .rhm1-bg ul{  
    list-style:none;  
    margin:0 auto;  
    }  
    .rhm1-bg li{  
    float:left;  
    list-style:none;  
    }  
    .rhm1-bg li a{  
    float:left;  
    display:block;  
    color:#ffe8cc;  
    text-decoration:none;  
    font:12px 'Lucida Sans', sans-serif;  
    font-weight:bold;  
    padding:0 0 0 18px;  
    height:64px;  
    line-height:40px;  
    text-align:center;  
    cursor:pointer;  
    }  
    .rhm1-bg li a span{  
    float:left;  
    display:block;  
    padding:0 32px 0 18px;  
    }  
    .rhm1-bg li.current a{  
    color:#fff;  
    background:url(images/rhm1_hover_l.gif) no-repeat left 5px;  
    }  
    .rhm1-bg li.current a span{  
    color:#fff;  
    background:url(images/rhm1_hover_r.gif) no-repeat right 5px;  
    }  
    .rhm1-bg li a:hover{  
    color:#fff;  
    background:url(images/rhm1_hover_l.gif) no-repeat left 5px;  
    }  
    .rhm1-bg li a:hover span{  
    color:#fff;  
    background:url(images/rhm1_hover_r.gif) no-repeat right 5px;  
    }

    4.Заходим в Редактор страниц и вставляем куда вам нужно этот код

    Code
    html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
    <title>13 Styles Orange Gloss Menu</title>  
    <link href="rhm1.css" rel="stylesheet" type="text/css" media="screen" />  
    </head>  
    <body>  
    <div class="rhm1">  
    <div class="rhm1-right"></div>  
    <div class="rhm1-left"></div>  
    <div class="rhm1-bg">  
    <ul>  
    <li class="current"><a href="#"><span>Home</span></a></li>  
    <li><a href="#"><span>About Us</span></a></li>  
    <li><a href="#"><span>Services</span></a></li>  
    <li><a href="#"><span>Products</span></a></li>  
    <li><a href="#"><span>Contact Us</span></a></li>  
    </ul>  
    </div>  
    </div>  
    </body>  
    </html>
    Категория: скрипты для ucoz сайта | Просмотров: 1689 | Добавил: remus | Рейтинг: 0.0/0
    Всего комментариев: 5
    5 Naruto_kun  
    0
    а вот ето норм +1

    4 remus  
    0
    оГг

    3 blowoutX  
    0
    remus, я ставил честно, не очень wink

    2 STALKERДима  
    0
    хоёшо) happy

    1 remus  
    0
    есле честно сам не ставил =) есле поставете скажыте норм нет =?= я себе поставлю может =)

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