Пятница, 17.05.2024, 11:06
Меню сайта
    Форма входа
    Категории раздела
    скрипты для 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 » Июнь » 28 » Меню вертикальное
    17:50
    Меню вертикальное

    Это вставляете либо в сам глобальный блок либо в head:

    Code

    <style type="text/css">

    #vmenu ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      }

    #vmenu {
      width: 196px;
      margin: 10px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #00FF00;
      border-right-color: #00FF00;
      border-bottom-color: #00FF00;
      border-left-color: #00FF00;
      }

    #vmenu li a {
      text-decoration: none;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: solid;
      border-left-style: none;
      border-bottom-color: #00FF00;
      }
    #vmenu .notopbrdr0xNone {
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: none;
      border-left-style: none;
      }

    #vmenu li a:link, #vmenu li a:visited {
      color: #000000;
      display: block;
      background-color: #0000FF;
      padding-top: 3px;
      padding-right: 0;
      padding-bottom: 3px;
      padding-left: 10px;
      }

    #vmenu li a:hover {
      color: #FFFF00;
      background: #00FF00;
      padding-top: 3px;
      padding-right: 0;
      padding-bottom: 3px;
      padding-left: 10px;
      }

    </style>

    А это само меню с текстом и ссылками которые ставьте сами естественно свои

    Code

    <div id="vmenu">  
    <ul>  
    <li><a href="[color=blue]ссылка[/color]">[color=red]текст ссылки[/color]</a></li>
    <li><a href="[color=blue]ссылка[/color]" class="notopbrdr0xNone">[color=red]текст ссылки[/color]</a></li>
    </ul>
    </div>

    Заказы на индивидуальное меню сдругими цветами под ваш дизайн принимаю у себя на форуме вот здесь

    Категория: скрипты для ucoz сайта | Просмотров: 949 | Добавил: kentovit | Рейтинг: 0.0/0
    Всего комментариев: 9
    9 defaultNick2369  
    0
    Что не очень ? Выше же написали, что цвета меняются через CSS... Надо быть,извеняюсь, идиотом, чтобы держать свой сайт и не знать html, а CSS так вообще знать нечего, лишь англ.язык biggrin

    8 DAUR_AKTOBE_KZ11  
    0
    neee kakashka polnaya izveni happy happy

    6 -SLIM-  
    0
    Я всмысле хотел сказать что цвета можно поменять=)

    7 kentovit  
    0
    это вопрос?

    5 bullet_blr  
    0
    гауно

    3 Gangster-Toni  
    0
    да цвета меняються через CSS и мжно вроде размер шрифта поменять ну CSS это лехко! biggrin

    4 kentovit  
    0
    конечно легко, но все таки для не знающих HTML и CSS сложновато

    2 -SLIM-  
    0
    Цвета меняются

    1 NeiloNe  
    0
    не очень wacko

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