» »

Новый вид вертикальное меню 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.04.2017 Просмотров: 581 Комментарий: (28)

Поделиться в социальных сетях

Материал разместил

Комментарий: 28
Brung
Brung 03.04.2017 15:331
0
Хотел такое меню в сети найти и на источнике, так и не нашел, хотя говорили давно в паблике.
alexbest2002
alexbest2002 03.04.2017 15:402
0
Урааа не выкладывали его не когда, но многие считают что они источник.
Kosten
Kosten 03.04.2017 15:513
0
Но видать там в первые увидели его и из этого и сделали вывод, что создали на той площадке.
FeStemBer
FeStemBer 03.04.2017 17:514
0
А в чем прикол в этом меню, в том, что разноцветные точки можно поставить на запросы.
alexbest2002
alexbest2002 03.04.2017 21:026
0
Нет, но людям нравится. Ведь простые ссылки выглядят как-то уныло, но с цветными точками они как-то добавляют разнообразие сайту.
Kosten
Kosten 03.04.2017 18:255
+2
По мне нормальное и рабочие меню, которую можно врезать не на одну тематику. 09a
alexbest2002
alexbest2002 03.04.2017 21:037
0
Не тебе отвечал, а FeStemBer ссори.
Dagada
Dagada 04.04.2017 10:328
0
Причем тут yraaа. Рипал я делал англоязычного сайта. Да,цвета позаимствовал у yraaа.К yr... никакого отношения не имеет. alexbest2002,так не делается: http://zornet.ru/forum/115-5974
Dagada
Dagada 04.04.2017 10:389
0
Ты просишь для себя,а патом сливаешь. Прошу обратить "АДМИНА". Тема была почему ,не обратили внимания
Dagada
Dagada 04.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.04.2017 10:4711
0
Мне тоже не нравится когда человек просит чтоб ему что то сделали помогли настроили а он после выкладывает в паблик и забывает указать автора работы данное меню я делал раз 20 уже и с кружочками и с треугольниками и с квадратами с нуля с сайта ура брал только цвета так как просили именно ту расцветку но это не значит что данное меню относится к сайту ура из затого что я взял от туда цвет.
Dagada
Dagada 04.04.2017 11:0012
0
Ты прав! Мне не жалко. Просил лично какой то скрипт.
FeStemBer
FeStemBer 04.04.2017 16:4317
0
Вы что также и в школе пишите, одни двоеточие.
Kosten
Kosten 04.04.2017 16:2516
0
waak, давай не забывать. что многие просят, тут главное, чтоб у него друзья были, чтоб помогли, если этот камень в мой огород.

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

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

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