ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Новый вид вертикальное меню Buddy для uCoz

Новый вид вертикальное меню Buddy для uCoz

Новый вид вертикальное меню Buddy для uCoz
Стильно сделанное вертикальное меню, где разноцветные круги идут под каждую категорию идут и главное все создано на стилях CSS. Стильный и новый дизайн меню для uCoz. Данный скрипт поможет вам отличить ваш сайт от других ему подобных. Вид меню сделан из красивых кругов 14x14 и не плохо смотрится на цветном, темном и даже светлом сайте. Отличное решение на светлый дизайн сайта, тематика у него разнообразная и можно поставить на множество тематических площадок.

Установка:

Это в глобальные блоки:

Код
<div class="menu">  
<li><a href="..."><i class="cat1"></i>...</a></li>  
<li><a href="..."><i class="cat2"></i>... </a></li>  
<li><a href="..."><i class="cat4"></i>...</a></li>  
<li><a href="..."><i class="cat5"></i>...</a></li>  
<li><a href="..."><i class="cat2"></i>...</a></li>  
<li><a href="..."><i class="cat6"></i>...</a></li>  
<li><a href="..."><i class="cat7"></i>...</a></li>  
<li><a href="..."><i class="cat1"></i>...</a></li>  
<li><a href="..."><i class="cat1"></i>...</a></li>  
<li><a href="..."><i class="cat4"></i>...</a></li>  
<li><a href="..."><i class="cat2"></i>...</a></li>  
<li><a href="..."><i class="cat6"></i>...</a></li>  
<li><a href="..."><i class="cat5"></i>...</a></li>  
</div>


А это в CSS:

Код
/************************/  
.menu li a {padding:8px 5px;display:block;text-decoration:none;font-size:13px;color:#454545}  
.menu li a:hover {color:#408BB7;}  
.menu i {display:inline-block;width:11px;height:11px;margin-bottom:0px;margin-right:16px;background:none;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}  
i.cat1 {border:2px solid #f9b744}  
i.cat2 {border:2px solid #f25246}  
i.cat3 {border:2px solid #f246a7}  
i.cat4 {border:2px solid #a853d4}  
i.cat5 {border:2px solid #65c0ac}  
i.cat6 {border:2px solid #4859f8}  
i.cat7 {border:2px solid #97ce6f}  
i.cat8 {border:2px solid #3297db}  
i.cat24 {border:2px solid #4859f8}  
i.cat_add {border:2px solid #aaafb5}  
.menu a:hover .cat1 {border:2px solid #f9b744;background:#f9b744}  
.menu a:hover .cat2 {border:2px solid #f25246;background:#f25246}  
.menu a:hover .cat3 {border:2px solid #f246a7;background:#f246a7}  
.menu a:hover .cat4 {border:2px solid #a853d4;background:#a853d4}  
.menu a:hover .cat5 {border:2px solid #65c0ac;background:#65c0ac}  
.menu a:hover .cat6 {border:2px solid #4859f8;background:#4859f8}  
.menu a:hover .cat7 {border:2px solid #97ce6f;background:#97ce6f}  
.menu a:hover .cat8 {border:2px solid #3297db;background:#3297db}  
.menu a:hover .cat_add {border:2px solid #aaafb5;background:#aaafb5}  
.menu .flright {opacity:0.4;font-weight:bold;}  
/*******************************/

Автор: dagada3211978
Сайт мне не известен автора
03 Апреля 2017 Просмотров: 2429 Комментариев: (28)
Поделиться в социальных сетях

Материал разместил
alexbest2002
Похожие материалы

Оставь свой отзыв

Комментарии: 28
Kolinkor
Kolinkor 03 Апреля 2017 15:331
0
Хотел такое меню в сети найти и на источнике, так и не нашел, хотя говорили давно в паблике.
alexbest2002
alexbest2002 03 Апреля 2017 15:402
0
Урааа не выкладывали его не когда, но многие считают что они источник.
Kosten
Kosten 03 Апреля 2017 15:513
0
Но видать там в первые увидели его и из этого и сделали вывод, что создали на той площадке.
FeStemBer
FeStemBer 03 Апреля 2017 17:514
0
А в чем прикол в этом меню, в том, что разноцветные точки можно поставить на запросы.
alexbest2002
alexbest2002 03 Апреля 2017 21:026
0
Нет, но людям нравится. Ведь простые ссылки выглядят как-то уныло, но с цветными точками они как-то добавляют разнообразие сайту.
Kosten
Kosten 03 Апреля 2017 18:255
+2
По мне нормальное и рабочие меню, которую можно врезать не на одну тематику. 09a
alexbest2002
alexbest2002 03 Апреля 2017 21:037
0
Не тебе отвечал, а FeStemBer ссори.
Dagada
Dagada 04 Апреля 2017 10:328
0
Причем тут yraaа. Рипал я делал англоязычного сайта. Да,цвета позаимствовал у yraaа.К yr... никакого отношения не имеет. alexbest2002,так не делается: http://zornet.ru/forum/115-5974
Dagada
Dagada 04 Апреля 2017 10:389
0
Ты просишь для себя,а патом сливаешь. Прошу обратить "АДМИНА". Тема была почему ,не обратили внимания
Dagada
Dagada 04 Апреля 2017 10:4010
0
Вот стили урррррра

Код
.menu, .menu li {margin:0px;padding:0px;list-style-type:none}  
.menu {margin-top:20px !important;margin-bottom:25px !important}  
.menu li a {padding:8px 15px;display:block;text-decoration:none;font-size:13px;color:#454545}  
.menu li a:hover {color:#000;background:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}  

.menu li span {float:right;color:#909090;font-size:11px;display:inline-block;padding-top:1px}  
.menu_hr {padding:0px 30px !important;}  
.menu_bottom_link {margin-top:0px !important}  
.menu i {display:inline-block;width:6px;height:6px;margin-bottom:0px;margin-right:11px;background:none;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}  
i.cat1 {border:2px solid #f9b744}  
i.cat2 {border:2px solid #f25246}  
i.cat3 {border:2px solid #f246a7}  
i.cat4 {border:2px solid #a853d4}  
i.cat5 {border:2px solid #65c0ac}  
i.cat6 {border:2px solid #4859f8}  
i.cat7 {border:2px solid #97ce6f}  
i.cat8 {border:2px solid #3297db}  
i.cat24 {border:2px solid #4859f8}  
i.cat_add {border:2px solid #aaafb5}  

.menu a:hover .cat1 {border:2px solid #f9b744;background:#f9b744}  
.menu a:hover .cat2 {border:2px solid #f25246;background:#f25246}  
.menu a:hover .cat3 {border:2px solid #f246a7;background:#f246a7}  
.menu a:hover .cat4 {border:2px solid #a853d4;background:#a853d4}  
.menu a:hover .cat5 {border:2px solid #65c0ac;background:#65c0ac}  
.menu a:hover .cat6 {border:2px solid #4859f8;background:#4859f8}  
.menu a:hover .cat7 {border:2px solid #97ce6f;background:#97ce6f}  
.menu a:hover .cat8 {border:2px solid #3297db;background:#3297db}  
.menu a:hover .cat_add {border:2px solid #aaafb5;background:#aaafb5}  
.menu .flright {opacity:0.4;font-weight:bold;}  
/************************************/

да похоже но это не источник
waak
waak 04 Апреля 2017 10:4711
0
Мне тоже не нравится когда человек просит чтоб ему что то сделали помогли настроили а он после выкладывает в паблик и забывает указать автора работы данное меню я делал раз 20 уже и с кружочками и с треугольниками и с квадратами с нуля с сайта ура брал только цвета так как просили именно ту расцветку но это не значит что данное меню относится к сайту ура из затого что я взял от туда цвет.
Dagada
Dagada 04 Апреля 2017 11:0012
0
Ты прав! Мне не жалко. Просил лично какой то скрипт.
FeStemBer
FeStemBer 04 Апреля 2017 16:4317
0
Вы что также и в школе пишите, одни двоеточие.
Kosten
Kosten 04 Апреля 2017 16:2516
0
waak, давай не забывать. что многие просят, тут главное, чтоб у него друзья были, чтоб помогли, если этот камень в мой огород.

По источнику не знаю, поставил тот, на котором стоит такая навигация, и просьба, не нужно как то их под ковырки писать. если ваш источник, то пишем, изменить не проблема.

И waak, прошу, только не о просьбах помощи, все друг другу должны помогать, это мое такое мнение, если человеку нужно, и ты можешь помочь, кто то пройдет и читать не будет, все как в жизни.
waak
waak 04 Апреля 2017 17:1920
0
Не принимай близко к сердцу когда оказываешь помашь админам сайта то тут всё ясно а когда пользователь просит создать или исправить для него скрипт или вид материалов а после публикует его это другое при этом даже не указал на человека который дал ему данный скрипт
Kosten
Kosten 04 Апреля 2017 17:3022
0
Написал, чей источник, пожалуйста укажите, источник исправлю. А про помощь все написал как думаю, что повторятся не стоит.
Kosten
Kosten 04 Апреля 2017 17:3423
0
waak, если это твой скрипт, то понимание ноль у меня, где то ты просишь, чтоб сменили источник и пишешь на какой, а с другой стороны, ты как то тонко намекаешь, а нет просто написать, что этот скрипт ты писал и прошу указать источник. Просто не такой стратег, чтоб в описание понять суть смысла написанного.

Давай так, если ты указываешь поставить источник, то указывать везде, а не вводить в блудняк.
waak
waak 04 Апреля 2017 17:5924
0
Это не мой скрипт и я не претендую на источник! я посмотрел тему где есть данный скрипт и его выложил туда не тот человек который опубликовал данный материал и при этом не указал не ник не ссылку на тему от куда он его взял а просто указал источник ура вот я про что
Kosten
Kosten 04 Апреля 2017 18:1825
0
Источник указал я, так как человек выложил материал, а у материала безусловно есть хвосты, посчитал, что тот сайт источник, если не прав, но дайте реальный, но почему то мути нагнали и не кто по сути не сказал, вот тебе реальный источник измени, или как ты waak, хоть в приказном виде, но на один вид указал, чтоб сменил, что сделал, а мути или жути наводить, это пыль, которая ляжет, сути нет!
Dagada
Dagada 04 Апреля 2017 11:0313
0
Да пускай весит.
Kosten
Kosten 04 Апреля 2017 18:5827
0
Как понял это ваш скрипт, поставил как автора, если нужно, то солью, если оставлять, то укажите источник.
1 2 »
Войдите:
avatar