Раскрывающееся меню средствами css
Как-то в нашел в сети интернет меню, созданный средствами css. Приспособил по свой сайт. Но он не работает в браузере IE, поэтому в IE стандартное меню uCOz, а в опере, мазиле, хроме отображается нормально (прописано через условия - изучите исходник нового меню).
1 шаг: Создать меню по такому типу ( скобки [] меняем на <>):


[?if($USER_AGENT$='ie')?] <!-- если IE то выводим стандартное меню uCOz -->

$SMENU_1$

[?endif?]



[?if(($USER_AGENT$='firefox') or ($USER_AGENT$='opera') or ($USER_AGENT$='chrome') )?]<!-- если  firefox,opera,chrome то выводим это меню-->


 <div class="nav1">
 <ul id="nav">
 
<li><a href="" class="sub" tabindex="1">Раздел 1</a><img src="/images/up.png">
 <ul>
 <li><a href="ссылка" class="nav1" >Меню</a> </li>
 <li><a href="ссылка" class="nav1" >Меню</a> </li>
 </ul>
</li>
 
<li><a href="" class="sub" tabindex="1">Раздел 2</a><img src="/images/up.png">
 <ul>
 <li><a href="ссылка" class="nav1">Меню</a> </li>
 <li><a href="ссылка"class="nav1" >Меню</a> </li>
 
 </ul>
</li>

 
 
 </ul>
</div>

 
 
[!--?endif?--]

2 шаг: Готовое меню вставляем в код HTML страницы( обычно  в глобальные блоки - в правый или левый контейнер)

3 шаг: Создаем файл menu.css с таким кодом:










4 шаг: Загружаем этот файл при помощи файлового менеджера в корень сайта

5 шаг: Прописываем ссылку к этому файлу во всех блоках сайта.

Посмотреть меню
Категория: Сайтостроение в Ucoz | Добавил: rischat (11.10.2013)
Просмотров: 5322 | Комментарии: 2 | Теги: CSS, средствами, Раскрывающееся, меню | Рейтинг: 4.0/1
Всего комментариев: 2
0  
2 swet   (17.02.2017 14:55) [Материал]
Здравствуйте, давно ищу такое меню на сайт. Но из описания ничего не поняла, можно подробнее("Готовое меню вставляем в код HTML страницы",)или с видео, по шагам. Спасибо.

0  
1 Time_Z_zero   (19.10.2013 19:05) [Материал]
Отличное меню! Спасибо!

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