Overdoze.Ru
Запомнить авторизацию  [?] | Забыли пароль? | Регистрация
Сегодня: 25 апреля 2018 г., 13:19:16  
Актуальные версии AVE CMS:   AVE CMS 3.0RC | AVE.CMS 2.09RC2 svn | AVE CMS 2.08 original

раскрутка сайтов
Добро пожаловать Гость!
Мы рады приветствовать вас на наших форумах. Вы должны зарегистрироваться, чтобы оставлять сообщения. Если вы уже зарегистрированы, то просто войдите используя форму для входа.
 
Пароль
Забыли пароль? | Зарегистрироваться

Форумы Пользователи Поиск по форумам Активные темы за последние 24 часа

Форумы
 cpengine 2.0 BETA // Модуль Навигация
        Горинознатльное меню

<< < 1 2 3 >>

 
Горинознатльное меню

Вторник 02.09.2008, 16:14

Cryden



Пользователь
Участник

Всего сообщений: 20
Зарегистрировался: 12.08.2008
Первым делом, скачал и установил модуль навигации, с форума данного сайта.
Создал меню в разделе навигация.
В шаблоне след. код:

<!-- ************* ВЕРХНЯЯ ПЛАНКА ************* -->
<div id="topbar">
<div id="nav">[cp_navi:1]</div>
<div id="container"></div></div&g
t;

Покрайней мере в своем шаблоне у меня именно такой код :)

В my_sitetemplatescpcssstyle.css добавил следующий кусок кода:

#nav, #nav ul {
list-style: none;
border: 0px solid #CCCCCC;
float: left;
width: 910px;
z-index: 2;
clear: both;
clip: rect(auto,auto,auto,auto);
text-align: left;
left: auto;
right: auto;
vertical-align: middle;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 35px;
background-color: #000000;
}
#nav li {
float: left;
position: relative;
background: #515151;
background: none;
}
#nav li ul {
display: none;
position: absolute;
padding: 8px 0;
width: 138px;
background-color: #000000;
background-image: url(fone-tr.png);
}
#nav a {
color: #fff;
text-decoration: none;
display: block;
width: 120px;
padding: 4px 10px;
background-color: #333333;
background-image: url(dot.png);
background-repeat: repeat-y;
background-position: right;
}
#nav a:hover {
color: #000;
background: #ccc;
}
#nav li:hover {
background: #333;
}
#nav li li a {
width: 118px;
background: none;
}
#nav li:hover ul {
display: block;
}
#nav li:hover li ul {
display: none;
width: 138px;
top: -9px;
left: 133px;
}
#nav li:hover li:hover ul {
display: block;
}

Для интернет експлорера в шаблон надобудет вставить след кусок кода в шаблон.

<script type="text/javascript">
jsHover = function() {
var hEls = document.getElementById("nav").getElemen
tsByTagName("LI");
for (var i=0, len=hEls.length; i<len; i++) {
hEls.onmouseover=function() { this.className+=" jshover"; }
hEls.onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
}
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1
window.attachEvent("onload", jsHover);
</script>

и в style.css

#nav li:hover,
#nav li.jshover {
...
}
#nav li:hover ul,
#nav li.jshover ul {
...
}
#nav li:hover li ul,
#nav li.jshover li ul {
...
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
...
}

Должно заработать. Сам пользуюсь оперой так что может где ошибаюсь, но вроде должно работать!
Вне сети Вне сети
 

Вторник 02.09.2008, 17:53

Гость

2stive нет не правельно ты меня понял
это пример как дожно быть. Каскадку вставь в коскадку Зайди в шаблоны навигации и присмотрись к хтмле и к самому шаблону там все поймешь..
 

Вторник 02.09.2008, 20:39

Yesvik



Администратор
Профессионал

Всего сообщений: 2820
Зарегистрировался: 08.12.2007
Zitat
Писал: stieve
Cryden...... либо я даун, либо....я не знаю чё...Но давай заново. Требуется горизонтальное меню навигации, в котором при наведении курсора выпадали бы подменюшки и схлопывались при отведении. у меня стоит 2.06 ангина и 6 эксплорер. я уже всё сделал так как прописали врачи..тоесть ты понял. у меня ничё не выпадает, даже более того: к имеющимся ошибкам добавились новые. Можешь ещё раз, если не сложно поэтапно объяснить дейтсвия по налаживанию меню. ПОЖАЛУЙСТА! P.S.:в долгу не останусь!


Посмотри как реализовано на http://35dom.com/
Горизонтальное меню с кучей хаков под разные браузеры.



__________________________________________________
Вне сети Вне сети
 

Среда 03.09.2008, 00:32

stieve



Пользователь
Участник

Всего сообщений: 15
Зарегистрировался: 20.05.2008
Cryden, ещё раз спасибо. Сделал важную вещь после прочтения: установил в опере и понял что даун не я.....
Yesvik, там то реализованно, но мне просто принципиально интересно почему тот способ котрым я пользуюсь(тоесть который выложил только что Cryden) не работает. Что-то в яваскрипте не так? на сайте просто показано такое меню, которое прекрасно раскрывается в ИЕ 6.0 А у меня не хочет. И я не вижу ошибок ни в одном сценарии.( всё таки я не последний человек в вёб программировании). Поэтому мне важно разобраться именно с этим примером. Бет время может глянешь,...если не сложно...
Вне сети Вне сети
 

Пятница 03.02.2012, 21:24

Kost9H



Пользователь
Активист

Всего сообщений: 140
Зарегистрировался: 02.11.2009
Народ подскажите.
сделал горизонтальную менюшку, решил залезть в код страницы, а там черт ногу сломит((( Менюшка что то криво в коде отоброжается.
Версия движка AVE.cms 2.09-trunk.r165
Прикрепленный(е) файл(ы)
Снимок.JPG   (525 Просмотров | 73 KB)
Вне сети Вне сети
 

Пятница 03.02.2012, 22:20

Максим



Администратор
Профессионал


Всего сообщений: 1684
Зарегистрировался: 13.02.2008
Народ подскажите.
Zitat
Писал: Kost9H
сделал горизонтальную менюшку, решил залезть в код страницы, а там черт ногу сломит((( Менюшка что то криво в коде отоброжается.
Версия движка AVE.cms 2.09-trunk.r165


Я настоятельно рекомендую открыть любой учебник по html и прочитать про такие теги как li и а. И особенно про то как оформлять ими тест на страницах.
Движок не при чём.


__________________________________________________
Кинокритик и Аквантико работают на AVE.CMS.
Реймакс, Минск
+(37544) 707-61-24
Вне сети Вне сети
 

Печатать тему |  « Предыдущая тема |  Следующая тема »
Показать
<< < 1 2 3 >>  

 

Печать страницы | Рекомендовать Сайт


рублей Яндекс.Деньгами
на счёт 41001130616963 (Разработки Overdoze.Ru)

Сибавтомастер: техобслуживание и ремонт японских автомобилей
Количство запросов к БД: 266шт. | Время генерации страницы: 0,1678