Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.05.2012, 00:44   #1
shivas
Новичок
Джуниор
 
Регистрация: 13.05.2012
Сообщений: 1
По умолчанию Выпадающее меню не работает!

Главный вопрос - почему не отображается выпадающее меню, и как
сделать, чтобы оно начало работать.
После того, как я его пытался сделать, код в styles.css такой.
Шаблон в вордпрессе perfetika.
посмотреть можно на school.studio28.ru
Заранее спасибо)

}
#pagemenucontainer {
height: 25px;
margin-top: 0px;
padding: 0;
}
#pagemenu {
float: left;
}
#pagemenu, #pagemenu ul {
line-height: 1;
list-style: none outside none;
margin: 0;
padding: 0;
}
#pagemenu {
margin-bottom: 1px;
}
#pagemenu ul {
list-style:none;
position:absolute;
left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none */
opacity:0; /* Устанавливаем начальное состояние прозрачности */
-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#pagemenu li {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
#pagemenu ul li{
padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
float:none;
background:url(dot.gif);
}
#pagemenu ul a{
white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
display:block;
}
#pagemenu li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
left:0; /* Приносим его обратно на экран, когда нужно */
opacity:1; /* Делаем непрозрачным */
}
#pagemenu li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
background:#6b0c36;
background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
text-decoration:underline;
}
#pagemenu li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
text-decoration:none;
-webkit-transition:-webkit-transform 0.075s linear;
}
#pagemenu li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
background:#333;
background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
text-decoration:underline;
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
}
#pagemenu li a, #pagemenu li a:link {
color: #FFFFFF;
display: block;
font-family: Cambria,Helvetica,sans-serif;
font-size: 16px;
font-weight: Bold;
margin: 0 6px 0 0;
padding: 35px 10px 30px;
text-decoration: none;
text-transform: uppercase;
}
#pagemenu li a:hover, #pagemenu li a:active {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background: none repeat scroll 0 0 #9F0C08;
color: #FFFFFF;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background: none repeat scroll 0 0 #9F0C08;
color: #FFFFFF;
text-decoration: none;
}
#pagemenu li:hover, #pagemenu li.sfhover {
color: #EDE9DD;
position: static;
}
shivas вне форума Ответить с цитированием
Старый 16.05.2012, 14:32   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Там выпадать то нечему
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 19.05.2012, 06:28   #3
Alexei91
Заблокирован
Форумчанин
 
Аватар для Alexei91
 
Регистрация: 30.12.2009
Сообщений: 544
По умолчанию

Выдерни Superfish-меню из этой WordPress темы.
Темы для WordPress. Русские WordPress шаблоны
Alexei91 вне форума Ответить с цитированием
Старый 22.05.2012, 11:27   #4
therightrussia2
Пользователь
 
Аватар для therightrussia2
 
Регистрация: 21.05.2012
Сообщений: 24
По умолчанию

Цитата:
Сообщение от shivas Посмотреть сообщение
Главный вопрос - почему не отображается выпадающее меню, и как
сделать, чтобы оно начало работать.
После того, как я его пытался сделать, код в styles.css такой.
Шаблон в вордпрессе perfetika.
посмотреть можно на school.studio28.ru
Заранее спасибо)

}
#pagemenucontainer {
height: 25px;
margin-top: 0px;
padding: 0;
}
#pagemenu {
float: left;
}
#pagemenu, #pagemenu ul {
line-height: 1;
list-style: none outside none;
margin: 0;
padding: 0;
}
#pagemenu {
margin-bottom: 1px;
}
#pagemenu ul {
list-style:none;
position:absolute;
left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none */
opacity:0; /* Устанавливаем начальное состояние прозрачности */
-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#pagemenu li {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
#pagemenu ul li{
padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
float:none;
background:url(dot.gif);
}
#pagemenu ul a{
white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
display:block;
}
#pagemenu li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
left:0; /* Приносим его обратно на экран, когда нужно */
opacity:1; /* Делаем непрозрачным */
}
#pagemenu li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
background:#6b0c36;
background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
text-decoration:underline;
}
#pagemenu li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
text-decoration:none;
-webkit-transition:-webkit-transform 0.075s linear;
}
#pagemenu li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
background:#333;
background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
text-decoration:underline;
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
}
#pagemenu li a, #pagemenu li a:link {
color: #FFFFFF;
display: block;
font-family: Cambria,Helvetica,sans-serif;
font-size: 16px;
font-weight: Bold;
margin: 0 6px 0 0;
padding: 35px 10px 30px;
text-decoration: none;
text-transform: uppercase;
}
#pagemenu li a:hover, #pagemenu li a:active {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background: none repeat scroll 0 0 #9F0C08;
color: #FFFFFF;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background: none repeat scroll 0 0 #9F0C08;
color: #FFFFFF;
text-decoration: none;
}
#pagemenu li:hover, #pagemenu li.sfhover {
color: #EDE9DD;
position: static;
}
Если нравится вот такое меню как здесь http://test.therightrussia.org то могу скинуть исходник
Правильная Россия - нам нужны программисты
http://dimaovsyannikov.livejournal.com
http://www.programmersforum.ru/showpost.php?p=1047533&postcount=1
therightrussia2 вне форума Ответить с цитированием
Старый 28.05.2012, 17:28   #5
BVGru
Новичок
Джуниор
 
Регистрация: 28.05.2012
Сообщений: 1
По умолчанию

Многоуровневое выпадающее вертикальное меню - (CSS - JavaScript) - http://webdi.kz/Web-masteru/Mnogouro...alnoe_meny.php
BVGru вне форума Ответить с цитированием
Старый 08.11.2012, 19:11   #6
Morgusha
Форумчанин
 
Регистрация: 30.09.2009
Сообщений: 166
По умолчанию

мне исходник меню можно ???
Morgusha вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню Fryg HTML и CSS 0 19.12.2011 17:16
Выпадающее меню Molodoy hacker Общие вопросы Delphi 4 10.05.2011 16:39
Выпадающее меню DICTATOR Помощь студентам 3 28.11.2009 15:18
Выпадающее меню dieselred HTML и CSS 1 19.07.2009 21:45
Выпадающее меню CHERT БД в Delphi 17 16.06.2007 04:55