Пятница, 16.11.2018, 15:03

Сайт Учителя ИнФорматики


Наш опрос
Готовы ли Вы изучать Линукс в школе?
Всего ответов: 786
Случайное фото
Мой профиль
Привет: Гость


Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Категории раздела
Сайтостроение в Ucoz [33]
На данной странице я делюсь своим опытом сайтостроения в системе uCoz
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » Сайтостроение » Сайтостроение в Ucoz

Раскрывающееся меню средствами 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 шаг: Прописываем ссылку к этому файлу во всех блоках сайта.

Посмотреть меню
Похожие материалы:

Просмотров: 4857 | Комментарии: 2 | Теги: CSS, средствами, Раскрывающееся, меню | Рейтинг: 4.0/1

Всего комментариев: 2
2 swet   (17.02.2017 14:55)
Здравствуйте, давно ищу такое меню на сайт. Но из описания ничего не поняла, можно подробнее("Готовое меню вставляем в код HTML страницы",)или с видео, по шагам. Спасибо.

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

Добавлять и читать комментарии могут только зарегистрированные пользователи.
[ Регистрация | Упрощенная регистрация| | Вход ]