X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Красивое горизонтальное меню
shannon1791
shannon1791
Topic Starter сообщение 9.4.2012, 18:19; Ответить: shannon1791
Сообщение #1


Шикарное горизонтальное меню для ucoz, а главное рабочие на все 100%. Горизонтальное меню ucoz, можно сказать универсальное, прекрасное сочетание тонов не только украсит Ваш сайт ucoz, Но и даст возможность организовать порядок категорий.

Прикрепленное изображение


Установка "Горизонтально меню для сайта ucoz":

Вставляем код меню ucoz в любое место на сайте. Обычно это глобальный блок, Верхняя часть сайта.
<script type="text/javascript" src="http://wallaby.ucoz.ru/js_template/jquery_010.js"></script>  
  <link media="screen" href="http://wallaby.ucoz.ru/js_template/010.css" type="text/css" rel="stylesheet" />  
  <script type="text/javascript" src="http://wallaby.ucoz.ru/js_template/libs_010.js"></script>  

  <!-- menu http://wallaby.ucoz.ru -->  
  <div class="mbar" id="menubar">  
  <div class="mbar">  
  <div class="mbar dpad">  
  <div class="menubar">  
  <ul id="topmenu" class="lcol reset">  
  <li><a href="#"><b>1 Пункт меню</b></a></li>  
  <!--1-->  
  <li class="sublnk"><a href="#"><b>2 Пункт меню</b></a>  
  <ul>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  </ul>  
  </li>  
  <!--/1-->  
  <!--2-->  
  <li class="sublnk"><a href="#"><b>3 Пункт меню</b></a>  
  <ul>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li>  
  </ul>  
  </li>  
  <!--/2-->  
  <li><a href="#"><b>4 Пункт меню</b></a></li>  
  <li><a href="#"><b>5 Пункт меню</b></a></li>  
  </ul>  
  <a class="thide hrss" href="#" title="Информер RSS">Информер RSS</a>  
  </div></div></div></div>  
  <!-- end menu http://wallaby.ucoz.ru -->
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 9.4.2012, 20:10; Ответить: Aman_sf
Сообщение #2


Вставьте все свои темы тута сразу. Ну кому это может понадобиться? Ведь в поиске можно найти быстро.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shannon1791
shannon1791
Topic Starter сообщение 10.4.2012, 0:31; Ответить: shannon1791
Сообщение #3


(Aman)
Вставьте все свои темы тута сразу. Ну кому это может понадобиться? Ведь в поиске можно найти быстро.

это мне всегда "правка" нажимать и добавлять? я конечно могу, но потом тут много всего будет:)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AdminPC
AdminPC
сообщение 15.4.2012, 13:44; Ответить: AdminPC
Сообщение #4


Вот смотрите пример горизонтального меню с выпадающим списком

<title>Создание красивого горизонтального CSS меню для сайта</title>
</head>
<body>
<div id="css-menu">
<ul>
<li><a href="#">
<span class="text-top">Главная</span>
<span class="text-bottom">О нашем проекте</span>
</a></li>
<li><a href="#">
<span class="text-top">Справочник</span>
<span class="text-bottom">CSS справочник</span>
</a></li>
<li><a href="#">
<span class="text-top">CSS уроки</span>
<span class="text-bottom">Для начинающих</span>
</a></li>
<li><a href="#">
<span class="text-top">CSS меню</span>
<span class="text-bottom">Коллекция CSS меню</span>
</a></li>
</ul>
</div>


Таблица стилей для меню будет выглядеть так

#css-menu ul {
list-style: none;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 1.4em;
border:2px solid #000000;
border-left: 1px solid #000000;
float: left;
padding: 0;
margin: 12px 0 25px 24px
}

#css-menu ul li {
float: left
}

#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #595959;
padding: 5px 10px 0 10px;
color: #fefefe;
width: 120px;
border-right: 1px solid #797979;
border-left: 1px solid #191919
}

#css-menu ul li a span {
display: block
}

#css-menu ul li a span.text-top {
border-bottom: 1px solid #595959
}

#css-menu ul li a:hover span.text-top {
border-bottom: 1px dashed #fefefe;
color: #ffddbb
}

#css-menu ul li a span.text-bottom {
visibility: hidden;
font-size: 11px;
text-align: right
}

#css-menu ul li a:hover span.text-bottom {
visibility: visible
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shannon1791
shannon1791
Topic Starter сообщение 16.4.2012, 0:03; Ответить: shannon1791
Сообщение #5


могли бы хотя-бы оформить красиво ;) и можно скриншот пожалуйста?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 28.3.2024, 13:38
Дизайн