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

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Июль » 25 » Вертикальное меню by Kolian
    03:36
    Вертикальное меню by Kolian

    Установка:

    1.Сначала картинки из архива закидываем в корень сайта.

    2.Затем в самый низ таблицы стилей CSS вставляем данный код:

    Code
    .blockmenu {  
    height:18px;  
    width: 100%;  
    font: normal 10px Arial, Helvetica, sans-serif;  
    text-align: left;  
    }  

    .blockmenu a:link,  

    .blockmenu a:visited {  
    color:#BDBDBD;  
    text-decoration:none;  
    padding-left:16px;  
    line-height:18px;  
    display:block;  
    font-weight:normal;  
    background: url(/sm1.png);  
    border-top: 1px solid #666666;  
    border-right: 1px solid #666666;  
    border-bottom: 1px solid #666666;  
    border-left: 1px solid #666666;  
    text-align: left;  
    }  

    .blockmenu a:hover {  
    color:#ffffff;  
    text-decoration:none;  
    padding-left:16px;  
    line-height:18px;  
    display:block;  
    font-weight:normal;  
    border: 1px solid #3db01a;  
    background: #333333 url("http:/sm2.png") no-repeat left center;  
    text-align: left;  
    }  

    form {  
    padding:0px;  
    margin:0px;  
    }  

    input{  
    vertical-align:middle;  
    font-size:7pt;  
    font-family:verdana,arial,helvetica;  
    color:#D8D8D8;  
    background:#151515;  
    }

    3.Теперь туда где будет меню вставляем этот код:

    Code
    <span class=blockmenu>

    <div align="left" style="color:3db01a"><strong><span style="font-size:10pt">Главное</span></strong></div>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>
    <a href="Адрес ссылки">Ссылка</a>

    <div align="left" style="color:3db01a; padding-top:10px;"><strong><span style="font-size:10pt">Новости</span></strong></div>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>

    <div align="left" style="color:3db01a; padding-top:10px;"><strong><span style="font-size:10pt">Файлы</span></strong></div>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>
    <a href="Адрес ссылки">Название раздела</a>

    </span>

    Вставляем свои ссылки, если надо изменяем структуру.

    Удачи smile

    Категория: шаблоны для ucoz скачать | Просмотров: 629 | Добавил: kolian | Рейтинг: 0.0/0
    Всего комментариев: 3
    3 Minato72  
    0
    спс

    2 Fame  
    0
    Супер! biggrin

    1 CheL  
    0
    Кульно +5

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