Четверг, 17.08.2017, 18:40
Скрипты для Ucoz
Карта сайта
Главная | Скрипт "Красивое раздвижное меню" - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
Страница 1 из 11
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Красивое раздвижное меню" (Простое красивое меню для тёмных дизайнов)
Скрипт "Красивое раздвижное меню"
bandjukДата: Четверг, 28.07.2011, 14:06 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Это меню будет отлично смотреться на сайте с тёмным дизайном.
Как самому создать такое меню читайте тут

Создаём новый блок.

Админ панель в верху сайта ---> Конструктор ---> Включить конструктор ---> Добавить блок+ ---> В новом блоке нажимаем

редактировать ---> Выбираем 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
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 2
а как можно добавить меню? отдельно
 
bandjukДата: Воскресенье, 20.11.2011, 15:28 | Сообщение # 3
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Woolf, в смысле?
 
WoolfДата: Понедельник, 21.11.2011, 20:25 | Сообщение # 4
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 2
пример с твого сайта: http://s017.radikal.ru/i401/1111/11/bf67221f1753.png
как добавить ещо таких меню?

когда например добавляш ещо такоеж то оно как бы сливаетца, попробуй сразу таких меню 2раза вставить, а мне надо что бы допустим 4меню было и 10 ссылок, были отдельно!
 
bandjukДата: Понедельник, 21.11.2011, 21:00 | Сообщение # 5
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Я сейчас в интернет захожу! Скорость 10 - 20 kb\s, страницу час грузит! Завтра прийду на работу помогу тебе с менюхой разобраться!
 
bandjukДата: Понедельник, 21.11.2011, 21:07 | Сообщение # 6
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
А вообще попробуй во втором меню в скрипте поменять
название меню
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
Сержант
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 32
супер,себе поставил,все отлично работает) спс)
 
greencosteДата: Воскресенье, 12.10.2014, 23:20 | Сообщение # 8
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 1
супер работает а вот я только не могу понять как можно сделать допустим точно так же с этим же скриптом не выдвижную ссылку ну на пример в верху поставить ссылку главная и ниже уже выдвижные ?
 
bandjukДата: Суббота, 18.10.2014, 18:16 | Сообщение # 9
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
greencoste, прописать:
<span class="mc_menu2"><a href="Адрес ссылки">название</a></span>
 
VitalikДата: Четверг, 20.07.2017, 15:08 | Сообщение # 10
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 2
чтото у меня http://ssilki.at.ua/menu/2.png эти кнопочки не показывает
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Красивое раздвижное меню" (Простое красивое меню для тёмных дизайнов)
Страница 1 из 11
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2017

Создать бесплатный сайт с uCoz