Скачать бесплатно без регистрации всё для компьютера и смартфона!...г.Омск
читать последние новости сайта
Главная
О сайте
Файлы
Форум
Статьи
Блоги
В закладки
Rss
?
Правила
Гостевая
Обратная связь
Правообладателям
Мобильный
Литература
Картинки
Софт ПК
Шрифты
Музыка
Видео
Игры
Ключи
Чат
Бесплатные объявления
Мобильный
Компьютерный
Общение
Всё для укоз
Общие вопросы
Музыкальный
Мир кино
Спортивный
Стол заказов
Пароли на архивы
Легальная халява
Новые сообщения
·
Участники
·
Правила форума
·
Поиск
·
RSS
Страница
1
из
1
1
Форум
»
Ucoz
»
Всё для укоз
»
Раздвижное меню для сайта
Раздвижное меню для сайта
Админ
Дата: Вт, 23 Авг 2011, 22:57 | Сообщение ː
1
ː
Создатель
Сообщений:
910
Омск
кто разбирается,можно под любой конечно сделать,пример на сайте,в левом контейнере
(уже нету
)
в CSS:
Code
mc_menu2 {height:22px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;}
.mc_menu2 a:link, .mc_menu2 a:visited {color:#808080;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s41.radikal.ru/i092/1106/da/071a78525d6e.png') no-repeat left center;border-top: 1px solid #333333;border-right: 1px solid #333333;border-left: 1px solid #333333;border-bottom: 1px solid #333333;text-align: left; margin-top:1px;}
.mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #252525 url('http://s011.radikal.ru/i316/1106/b1/2ebe089d557b.png') no-repeat left center;text-align: left; margin-top:1px;}
.mc_menu {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menu a:link, .mc_menu a:visited {color:#808080;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}
.mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px #ffffff;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #debc1d;background: #252525 url('http://s013.radikal.ru/i323/1106/cb/72338b353ad3.png') no-repeat left center;text-align: left;}
.mc_menurek {height:18px;width: 180px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menurek a:link, .mc_menurek a:visited {color:#debc1d;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #252525 url('http://s57.radikal.ru/i158/1106/11/a0e1470de1d5.png') no-repeat left center;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-top: 1px solid #333333;border-left: 1px solid #333333;text-align: left;}
.mc_menurek a:hover {color:#ff0000;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #252525 url('http://s008.radikal.ru/i304/1106/98/da18d2e6e334.png') no-repeat left center;text-align: left;}
в блок с меню:
Code
<span class="mc_menu2"><a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://">Меню 1</a></span>
<div id="mc_menu1" style="display:block"><span class="mc_menu">
<a href="/">Ссылка 1</a>
<a href="/">Ссылка 2</a>
<a href="/">Ссылка 3</a>
<a href="/">Ссылка 4</a>
<a href="/">Ссылка 5</a>
<a href="/">Ссылка 6</a>
<a href="/">Ссылка 7</a>
<a href="/">Ссылка 8</a>
<a href="/">Ссылка 9</a>
<a href="/">Ссылка 10</a>
<a href="/">Ссылка 11</a>
<a href="/">Ссылка 12</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu2').slideToggle(800);" href="javascript://">Меню 2</a></span>
<div id="mc_menu2" style="display:none"><span class="mc_menu">
<a href="/">Ссылка 1</a>
<a href="/">Ссылка 2</a>
<a href="/">Ссылка 3</a>
<a href="/">Ссылка 4</a>
<a href="/">Ссылка 5</a>
<a href="/">Ссылка 6</a>
<a href="/">Ссылка 7</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu3').slideToggle(600);" href="javascript://">Меню 3</a></span>
<div id="mc_menu3" style="display:none"><span class="mc_menu">
<a href="/">Ссылка 1</a>
<a href="/">Ссылка 2</a>
<a href="/">Ссылка 3</a>
<a href="/">Ссылка 4</a>
<a href="/">Ссылка 5</a>
<a href="/">Ссылка 6</a>
<a href="/">Ссылка 7</a>
<a href="/">Ссылка 8</a>
<a href="/">Ссылка 9</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu4').slideToggle(1200);" href="javascript://">Меню 4</a></span>
<div id="mc_menu4" style="display:none"><span class="mc_menu">
<a href="/">Ссылка 1</a>
<a href="/">Ссылка 2</a>
<a href="/">Ссылка 3</a>
<a href="/">Ссылка 4</a>
</span></div>
<span class="mc_menu2"><a onclick="$('#mc_menu5').slideToggle(600);" href="javascript://">Меню 5</a></span>
<div id="mc_menu5" style="display:none"><span class="mc_menu">
<a href="/">Ссылка 1</a>
<a href="/">Ссылка 2</a>
<a href="/">Ссылка 3</a>
<a href="/">Ссылка 4</a>
<a href="/">Ссылка 5</a>
<a href="/">Ссылка 6</a>
<a href="/">Ссылка 7</a>
<a href="/">Ссылка 8</a>
<a href="/">Ссылка 9</a>
</span></div>
<span class="mc_menu"><a href="/><b>Ссылка</b></a></span>
<hr>
<span class="mc_menurek"><a href="/">Рекламное место</a></span>
slideToggle(400);
400 - скорость раскрытия меню
Форум
»
Ucoz
»
Всё для укоз
»
Раздвижное меню для сайта
Страница
1
из
1
1
Главная страница форума
Бесплатные объявления
Техника,электронника
Одежда,обувь
Технический
Общие вопросы по сайту
Предложения по развитию сайта
Объявления
Админ-блок
Компьютерный
Сборка ПК своими руками
Графические редакторы
Операционные системы
Компьютерные игры
Программирование
Общие вопросы
Интернет и сети
Безопасность
Железо
Аптека
Софт
Общение
Флудильня
Чатимся
Мобильный мир
Symbian 9x
Музыка
Всё что связано с музыкой
Кинотеатр
Мир кино и всё, что с ним связано
Спорт
Боевые исскуства
Хоккей
Футбол
Ucoz
Всё для укоз
Стол заказов
Поиск всего,что можно найти
Национальные особенности
Национальная кухня
Поиск: