Скрипты меню - Страница 11 - Форум
Включить музыку | Вторник, 06 Дек 2016, 1.08.29| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 11 из 14«1291011121314»
Архив - только для чтения
Форум » Корзина » Архив » Скрипты глобальных блоков » Скрипты меню
Скрипты меню
veterokuaДата: Понедельник, 19 Июл 2010, 2.59.39 | Сообщение # 51
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
Да менюшка не плохая,правда не нравится черные тона,но думаю дело поправимое =)
 
DIMДата: Понедельник, 19 Июл 2010, 3.04.04 | Сообщение # 52
Майор
Группа: Проверенные
На форуме с: 02 Июл 2010
Награды: 5
Сообщений: 45
< >
Статус:
~ Мои награды ~
А я обожаю черный цвет, но это как говорят "На вкус и цвет..." sm15 Если встречу светлые, то притащу сюда....

Сообщение отредактировал DIM - Понедельник, 19 Июл 2010, 3.04.43
 
DIMДата: Вторник, 27 Июл 2010, 3.47.20 | Сообщение # 53
Майор
Группа: Проверенные
На форуме с: 02 Июл 2010
Награды: 5
Сообщений: 45
< >
Статус:
~ Мои награды ~
Красивое меню с подсветкой

Красивое меню с подсветкой пунктов.

Итак, идем в ПУ-->Управление дизайном-->CSS. В любое место вставляем это:

Code
#hmenu21 {   
   float: center;  
}  

#hmenu21 a {  
   text-decoration: none;  
   color: #ffffff;  
   background: url(http://torrentsgames.ucoz.ru/menu_a.png) repeat center top;  
   display: block;  
   height: 34px;  
   width: 153px;  
   text-align: center;  
   font: bold 12px/33px tahoma, Times, serif;  
   color: rgb(0, 153, 255);  
}  

#hmenu21 a:hover {  
   background: url(http://torrentsgames.ucoz.ru/menu_b.png) repeat top center;  
   display: block;  
   height: 34px;  
   width: 153px;  
   color: #ffffff;  
   text-align: center;  
   font: bold 12px/33px tahoma, Times, serif;  
   color: rgb(12, 9, 9);  
}

А там, где хотим видеть меню, ставим это:
Code
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>  
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
 
yo-yoДата: Вторник, 14 Сен 2010, 11.41.03 | Сообщение # 54
Рядовой
Группа: Проверенные
Город: Москва
На форуме с: 07 Май 2010
Награды: 0
Сообщений: 2
< >
Статус:
~ Мои награды ~
Проблема с горизонтальном меню с подменю. Должен получится вот такой вариант

Скрипт html:


Скрипт css:

Проблема: не работает подменю, т.е. при наведении мыши не отображается, прошу помощи!!!!! Заранее спасибо всем за труд!

Прикрепления: 1687967.jpg(30Kb)
 
veterokuaДата: Вторник, 14 Сен 2010, 7.00.19 | Сообщение # 55
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
yo-yo, короче это должно выглядеть так

html

Code

<ul>
           <li><a href="#">Главная ссылка 1</a>
      
             <ul>
               <li><a href="#">ссылка</a></li>
               <li><a href="#">ссылка</a></li>
               <li><a href="#">ссылка</a></li>
             </ul>
           </li>
           <!-- -->
       <li><a href="#">Главная ссылка 2</a>

         <ul>
           <li><a href="#">ссылка</a></li>
           <li><a href="#">ссылка</a></li>
           <li><a href="#">ссылка</a></li>
         </ul>
       </li>
       <!-- -->
       <li><a href="#">Главная ссылка 3</a>

         <ul>
           <li><a href="#">ссылка</a></li>
           <li><a href="#">ссылка</a></li>
           <li><a href="#">ссылка</a></li>
         </ul>
       </li>
       
     </ul>

CSS

Code

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul li {
  position: relative;
  float: left;
}
ul li ul {
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0px;

}
ul li:hover ul {
  visibility: visible;
}
a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 3px;
  width: 150px;
  white-space: nowrap;
  border: 1px solid #000;
  margin: 1px;
  background: #CCC;
}
a:hover {
  color: #F36;
  background: #999;
}

 
Форум » Корзина » Архив » Скрипты глобальных блоков » Скрипты меню
Страница 11 из 14«1291011121314»
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016