Скрипт "Красивое раздвижное меню"
|
|
bandjuk | Дата: Четверг, 28.07.2011, 14:06 | Сообщение # 1 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Это меню будет отлично смотреться на сайте с тёмным дизайном. Как самому создать такое меню читайте тут
Создаём новый блок.
Админ панель в верху сайта ---> Конструктор ---> Включить конструктор ---> Добавить блок+ ---> В новом блоке нажимаем
редактировать ---> Выбираем HTML ---> Удаляем всё и вставляем код:
Code <div style="width: 175px;"> <style type="text/css" media="all"> .mc_menu2 {height:22px;width: 175px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;} .mc_menu2 a:link, .mc_menu2 a:visited {color:#3399FF;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/1.png') no-repeat left center;border-top: 1px solid #101010;border-right: 1px solid #101010;border-left: 1px solid #101010;border-bottom: 1px solid #101010;text-align: left; margin-top:1px;} .mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/2.png') no-repeat left center;text-align: left; margin-top:1px;} </style> <div style="width: 175px;"> <style type="text/css" media="all"> .mc_menu {height:18px;width: 175px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;} .mc_menu a:link, .mc_menu a:visited {color:#3399FF;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/3.png') no-repeat left center;border-right: 1px solid #101010;border-bottom: 1px solid #101010;border-left: 1px solid #101010;text-align: left;} .mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #101010 url('http://ssilki.at.ua/menu/4.png') no-repeat left center;text-align: left;} </style>
<span class="mc_menu2"><a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://"><CENTER><FONT size="4">Название меню 1</font></CENTER></a></span> <div id="mc_menu1" style="display:none"><span class="mc_menu"> <a href="Адрес ссылки">Название 1</a> <a href="Адрес ссылки">Название 2</a> </span> </div>
<span class="mc_menu2"><a onclick="$('#mc_menu2').slideToggle(800);" href="javascript://"><CENTER><FONT size="4">Название меню 2</FONT></CENTER></FONT></a></span> <div id="mc_menu2" style="display:none"><span class="mc_menu"> <a href="Адрес ссылки">Название 3</a> <a href="Адрес ссылки">Название 4</a> </span></div> </div>
Не забываем вставить:
Название меню; Адрес ссылки; Название ссылки;
Пример этого скрипта Вы можете увидить у меня в правой части сайта блок "Бесплатно скачать"
При желании количество пунктов меню можно увеличить.
Если будет нужна помощь, пишите в личку!
Материалы на эту же тему:
Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS" Скрипт "Иконка NEW" Скрипт "Классные медали на форум" Скрипт "Кнопка добавить материал, новость" Скрипт "Фоновое изображение на форуме" Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста" Скрипт "Картинка в поиск по сайту" Скрипт "Переключатель страниц желтого цвета" Скрипт "Кнопки Назад, На главную, Вперёд"
|
|
| |
Woolf | Дата: Воскресенье, 20.11.2011, 14:39 | Сообщение # 2 |
Рядовой
Группа: Пользователи
Пол:
|
а как можно добавить меню? отдельно
|
|
| |
bandjuk | Дата: Воскресенье, 20.11.2011, 15:28 | Сообщение # 3 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Woolf, в смысле?
|
|
| |
Woolf | Дата: Понедельник, 21.11.2011, 20:25 | Сообщение # 4 |
Рядовой
Группа: Пользователи
Пол:
|
пример с твого сайта: http://s017.radikal.ru/i401/1111/11/bf67221f1753.png как добавить ещо таких меню?
когда например добавляш ещо такоеж то оно как бы сливаетца, попробуй сразу таких меню 2раза вставить, а мне надо что бы допустим 4меню было и 10 ссылок, были отдельно!
|
|
| |
bandjuk | Дата: Понедельник, 21.11.2011, 21:00 | Сообщение # 5 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Я сейчас в интернет захожу! Скорость 10 - 20 kb\s, страницу час грузит! Завтра прийду на работу помогу тебе с менюхой разобраться!
|
|
| |
bandjuk | Дата: Понедельник, 21.11.2011, 21:07 | Сообщение # 6 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
А вообще попробуй во втором меню в скрипте поменять название меню mc_menu на menu mc_menu2 на menu1 mc_menu2 на menu2
в третьем блоке меню
mc_menu на m mc_menu2 на m1 mc_menu2 на m2
и так далее, должно получится!
|
|
| |
time | Дата: Понедельник, 05.12.2011, 23:05 | Сообщение # 7 |
Сержант
Группа: Пользователи
Пол:
|
супер,себе поставил,все отлично работает) спс)
|
|
| |
greencoste | Дата: Воскресенье, 12.10.2014, 23:20 | Сообщение # 8 |
Рядовой
Группа: Пользователи
Пол:
|
супер работает а вот я только не могу понять как можно сделать допустим точно так же с этим же скриптом не выдвижную ссылку ну на пример в верху поставить ссылку главная и ниже уже выдвижные ?
|
|
| |
bandjuk | Дата: Суббота, 18.10.2014, 18:16 | Сообщение # 9 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
greencoste, прописать: <span class="mc_menu2"><a href="Адрес ссылки">название</a></span>
|
|
| |
Vitalik | Дата: Четверг, 20.07.2017, 15:08 | Сообщение # 10 |
Рядовой
Группа: Пользователи
Пол:
|
чтото у меня http://ssilki.at.ua/menu/2.png эти кнопочки не показывает
|
|
| |