Sиdodжи
Понедельник, 15 Июня 2015, 13:32 | Сообщение 1
1) Взял меню с вашего сайта /load....-0-3902 и переделал его под свой дизайн, всё получилось, вот только у меня не получается передвинуть счётчик, чтобы он стоял в конце. 2 )www.ps-masters.3dn.ru 3) кинул скрин менюшки 4) Вот код CSS Стилей Меню Вот код самого меню: Код
<link type="text/css" rel="StyleSheet" href="http://ps-masters.3dn.ru/css/navigator.css"> <script type="text/javascript" src="http://ps-masters.3dn.ru/informer/22"></script> <div class="naviglot"> <div style="width: 100%;"> <div style="box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;"> <nav class="vnav"> <ul class="vnav-menu"> <li> <li><div class="gadet"><a href="/load/11"></a><a href="javascript://" onclick="$('#weplacezw').toggle();$('#weplacezw2').toggle();$('.uwpphotsz2').toggle();return false;" class="vnav-item" id="weplacezw" style="color: rgb(255, 255, 255); display: block; "> <div class="icon-ms"></div>Photoshop Файлы</a> <a href="javascript://" onclick="$('#weplacezw').toggle();$('#weplacezw2').toggle();$('.uwpphotsz2').toggle();return false;" id="weplacezw2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; "> <div class="icon-ms"></div>Photoshop Файлы</a> </div> <div class="uwpphotsz2" style="display: none; "><ul class="vnav-subnav"> <li><a href="/load/12" title="">Стили</a></li> <li><a href="/load/13" title="">Шрифты</a></li> <li><a href="/load/14" title="">Градиенты</a></li> <li><a href="/load/15" title="">Кисти</a></li> <li><a href="/load/21" title="">Renders/Паки</a></li> <li><a href="/load/17" title="">Фильтры/Плагины</a></li> <li><a href="/load/18" title="">Иконки</a></li> <li><a href="/load/19" title="">Фигуры</a></li> <li><a href="/load/20" title="">Другое</a></li> <li><a href="/load/22-0-0-0-1" class="trro">Загрузить еще <span class="vnav-subnav5">+</span></a></li> </ul> </div></li> <li><div class="gadet"><a href="/load/1"></a><a href="javascript://" onclick="$('#weplacezwa').toggle();$('#weplacezwa2').toggle();$('.uwpphotsza2').toggle();return false;" class="vnav-item" id="weplacezwa" style="color: rgb(255, 255, 255); display: block; "> <div class="icon-mz"></div>PSD Исходники</a> <a href="javascript://" onclick="$('#weplacezwa').toggle();$('#weplacezwa2').toggle();$('.uwpphotsza2').toggle();return false;" id="weplacezwa2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; "> <div class="icon-mz"></div>PSD Исходники</a> </div> <div class="uwpphotsza2" style="display: none; "><ul class="vnav-subnav"> <li><a href="/load/2" title="Исходники различных логотипов">PSD Логотипы</a></li> <li><a href="/load/3" title="Исходники аватарок для соц.сетей">PSD Аватарки</a></li> <li><a href="/load/4" title="Исходники аватаров для сайтов">PSD Аватары</a></li> <li><a href="/load/5" title="Исходники оформления калана на YouTube">PSD Шапки для YouTube</a></li> <li><a href="/load/6" title="Исходники сайтов">PSD Макеты сайтов</a></li> <li><a href="/load/25" title="Исходники различных элементов дизайта">PSD Элементы Дизайна</a></li> <li><a href="/load/7" title="Исходники баннеров 88*31">PSD Баннеры 88x31</a></li> <li><a href="/load/8" title="Исходники баннеров 150*200">PSD Баннеры 150x200</a></li> <li><a href="/load/9" title="Исходники баннеров 468*60">PSD Баннеры 468x60</a></li> <li><a href="/load/10" title="Другие исходники">PSD Разное</a></li> <li><a href="/load/9-0-0-0-1">Загрузить еще <span class="vnav-subnav5">+</span></a></li> </ul> </div></li> <li><div class="gadet"><a href="/load/22"></a><a href="javascript://" onclick="$('#weplacezwb').toggle();$('#weplacezwb2').toggle();$('.uwpphotszb2').toggle();return false;" class="vnav-item" id="weplacezwb" style="color: rgb(255, 255, 255); display: block; "> <div class="icon-mg"></div>Разное для Photoshop'a</a> <a href="javascript://" onclick="$('#weplacezwb').toggle();$('#weplacezwb2').toggle();$('.uwpphotszb2').toggle();return false;" id="weplacezwb2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; "> <div class="icon-mg"></div>Разное для Photoshop'a</a> </div> <div class="uwpphotszb2" style="display: none; "><ul class="vnav-subnav"> <li><a href="/load/23">Скачать Adobe Photoshop</a></li> <li><a href="/load/24">Доп. программы для PS</a></li> <li><a href="/load/2-0-0-0-1">Загрузить еще <span class="vnav-subnav5">+</span></a></li> </ul> </div></li> </nav> </div></div></div> <script type="text/javascript"> function setCatNumEnt(){ if(!window.uCatsOut)return; $('div.naviglot a').each(function(){ var a=this,ah=a.href,cArr=window.uCatsOut; if(!/\/load\//.test(ah))return; var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent(); if(!isNaN(id)){ $.each(cArr,function(j){ if(cArr[j][0]==id){ a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>'); } }); }; }); };setCatNumEnt(); </script>
PS-MASTERS.3DN.RU - Всё для Adobe Photoshop. PSD, стили, шрифты, renders, плагины, фильтры и т.д.
Страна: (RU )
First-1
Понедельник, 15 Июня 2015, 14:23 | Сообщение 4
Sиdodжи , Цитата Sиdodжи (
)
http://ps-masters.3dn.ru/panel/?a=fm;l=7;f=css;file=navigator.css
кому нужна эта ссылка через панель управления? Держи стили под твоё меню Код
/* - Navigator Novi4ok.Ru - */ .coole {position:absolute;width: 1px;height: 1px;} .coole div {position: relative;margin-left: 173px;z-index: 1;} .vnav-subnav a {color: #586a76;} .vnav{width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;background:#fff;border:1px solid #586371} .vnav a{display:block;line-height:28px;text-decoration:none} .vnav-item{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #586a76;border-top:1px solid #637484;border-bottom:1px solid #586a76;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#667486),color-stop(100%,#5a6a78));background-image:-webkit-linear-gradient(top,#637484,#5a6a78);background-image:-moz-linear-gradient(top,#637484,#5a6a78);background-image:-ms-linear-gradient(top,#637484,#5a6a78);background-image:-o-linear-gradient(top,#637484,#5a6a78);background-image:linear-gradient(top,#637484,#5a6a78)} .vnav-item:hover{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #5b7177;border-top:1px solid #637484;border-bottom:1px solid #5b7177;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#667886),color-stop(100%,#5f767d));background-image:-webkit-linear-gradient(top,#667886,#5f767d);background-image:-moz-linear-gradient(top,#667886,#5f767d);background-image:-ms-linear-gradient(top,#667886,#5f767d);background-image:-o-linear-gradient(top,#667886,#5f767d);background-image:linear-gradient(top,#667886,#5f767d)} .vnav-item2{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #5b7177;border-top:1px solid #637484;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#637484),color-stop(100%,#5a6a78));background-image:-webkit-linear-gradient(top,#637484,#5a6a78);background-image:-moz-linear-gradient(top,#637484,#5a6a78);background-image:-ms-linear-gradient(top,#637484,#5a6a78);background-image:-o-linear-gradient(top,#637484,#5a6a78);background-image:linear-gradient(top,#637484,#5a6a78)} .vnav-item2:hover{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #5b7177;border-top:1px solid #637484;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#667886),color-stop(100%,#5f767d));background-image:-webkit-linear-gradient(top,#667886,#5f767d);background-image:-moz-linear-gradient(top,#667886,#5f767d);background-image:-ms-linear-gradient(top,#667886,#5f767d);background-image:-o-linear-gradient(top,#667886,#5f767d);background-image:linear-gradient(top,#667886,#5f767d)} .vnav-item:active{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #536474;border-top:1px solid #637484;border-bottom:1px solid #5b7177;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#687784),color-stop(100%,#5a6a78));background-image:-webkit-linear-gradient(top,#687784,#5a6a78);background-image:-moz-linear-gradient(top,#687784,#5a6a78);background-image:-ms-linear-gradient(top,#687784,#5a6a78);background-image:-o-linear-gradient(top,#687784,#5a6a78);background-image:linear-gradient(top,#687784,#5a6a78)} .vnav-itemred{-webkit-box-shadow:0 1px #bbb,0 2px #e9ebe8;position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #536474;border-top:1px solid #637484;border-bottom:1px solid #536473;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#687784),color-stop(100%,#5e6a78));background-image:-webkit-linear-gradient(top,#687784,#5e6a78);background-image:-moz-linear-gradient(top,#687784,#5e6a78);background-image:-ms-linear-gradient(top,#687784,#5e6a78);background-image:-o-linear-gradient(top,#687784,#5e6a78);background-image:linear-gradient(top,#687784,#5e6a78)} .vnav-itemred:hover{-webkit-box-shadow:0 1px #bbb,0 2px #e9ebe8;position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #536474;border-top:1px solid #637484;border-bottom:1px solid #536473;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#586b79),color-stop(100%,#5a6a78));background-image:-webkit-linear-gradient(top,#586b79,#5a6a78);background-image:-moz-linear-gradient(top,#586b79,#5a6a78);background-image:-ms-linear-gradient(top,#586b79,#5a6a78);background-image:-o-linear-gradient(top,#586b79,#5a6a78);background-image:linear-gradient(top,#586b79,#5a6a78)} .gadet {min-height: 28px !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#637484),color-stop(100%,#5a6a78)); background-image: -webkit-linear-gradient(top,#637484,#5a6a78); background-image: -moz-linear-gradient(top,#637484,#5a6a78); background-image: -ms-linear-gradient(top,#637484,#5a6a78); background-image: -o-linear-gradient(top,#637484,#5a6a78); background-image: linear-gradient(top,#637484,#5a6a78); } .gadet .vnav-subnav2 {color: #fff; float:right;margin:7px -50px 0 0; padding:0 6px;line-height:15px;font-size:11px;background:#586a76;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2)} .icon-group{background-position:-100px 0;position:absolute;top:3px;left:10px} .icon-vid{background-position:-80px 0;position:absolute;top:3px;left:10px}.icon-ph{background-position:-40px 0;position:absolute;top:3px;left:10px} .icon-mz{background-position:-60px 0;position:absolute;top:3px;left:10px} .icon-ms{background-position:-100px 0;position:absolute;top:3px;left:10px} .icon-mg{background-position:-120px 0;position:absolute;top:3px;left:10px} [class*="icon-"]{display:block;width:20px;height:20px;background-image:url("http://novi4ok.ru/img/iconspersmenuweplace.png");background-repeat:no-repeat;background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none} .vnav-subnav{border-bottom:1px solid #5b7177} .vnav-subnav a{padding:0 12px 0 16px;font-size:11px;border-bottom:1px solid #eee} .vnav-subnavd a{padding:0 12px 0 16px;font-size:11px;border-bottom:1px solid #eee} .vnav-subnav a:hover{background:#eef2f0} .vnav-subnavd a:hover{background:#eef2f0} .vnav-subnav .coole .vnav-subnav2, .vnav-subnav5 {color:#999;background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #dcdcdc;box-shadow:inset 0 0 0 1px #dcdcdc;float:right;margin:7px -50px;padding:0 6px;line-height:15px;font-size:10px;border-radius:9px} .vnav-subnav a:before{content:'';display:inline-block;width:0;height:0;margin-right:8px;border:4px outset transparent;border-left:4px solid #bbb} .vnav-subnavd a:before{content:'';display:inline-block;width:0;height:0;margin-right:8px;border:4px outset transparent;border-left:4px solid #bbb} .vnav-itemd{position:relative;padding:0 12px 0 34px;font-size:11px;text-shadow:0 1px #5b7177;border-top:1px solid #637484;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#637484),color-stop(100%,#5a6a78));background-image:-webkit-linear-gradient(top,#637484,#5a6a78);background-image:-moz-linear-gradient(top,#637484,#5a6a78);background-image:-ms-linear-gradient(top,#637484,#5a6a78);background-image:-o-linear-gradient(top,#637484,#5a6a78);background-image:linear-gradient(top,#637484,#5a6a78)} .vnav-itemd:hover{position:relative;padding:0 120px 0 34px;font-size:11px;text-shadow:0 1px #5b7177;border-top:1px solid #637484;background-color:#505968;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#667886),color-stop(100%,#5f767d));background-image:-webkit-linear-gradient(top,#64727d,#677988);background-image:-moz-linear-gradient(top,#64727d,#677988);background-image:-ms-linear-gradient(top,#64727d,#677988);background-image:-o-linear-gradient(top,#64727d,#677988);background-image:linear-gradient(top,#64727d,#677988)} ul, ol { list-style: none; } [class*="icon-"] { display: block; width: 20px; height: 20px; background-image: url("/img/icon_menu.png"); background-repeat: no-repeat; background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; } .icon-ph { background-position: -40px 0; position: absolute; top: 3px; left: 10px; } user agent stylesheetdiv { display: block; } .naviglot { margin-top:0px;margin-right:2px;padding-bottom:0px; } .naviglot ul { padding: 0px;margin: 0px; } .vnav-loader { float: right; margin-top: 3px; padding: 3px 3px 3px 3px; line-height: 15px; font-size: 10px; background: white; border-radius: 9px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3),0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3),0 1px rgba(255, 255, 255, 0.2); } /* - Navigator Fatal1ti - */
Страна: (US )