• Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Модератор форума: -SAM-  
Переделка Меню
Sиdodжи
Понедельник, 15 Июня 2015, 13:32 | Сообщение 1
Оффлайн
Пользователи
Сообщений:93
Награды: 0
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>
Прикрепления: 5621543.png (20.5 Kb)


PS-MASTERS.3DN.RU - Всё для Adobe Photoshop.
PSD, стили, шрифты, renders, плагины, фильтры и т.д.
Страна: (RU)
Kosten
Понедельник, 15 Июня 2015, 13:48 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Надо потом DEMO сделать и наглядно посмотреть.
Страна: (RU)
STORM5711
Понедельник, 15 Июня 2015, 13:49 | Сообщение 3
Оффлайн
Проверенные
Сообщений:61
Награды: 1
Сори за офтоп, скажите зачем Вы ставите эти заезженные шаблоны? Тем более такие убогие, да и не сможешь ты эту тему раскачать. Сам вроде как рисуешь, а шаблон стоит как у +100500 человек. Я сразу закрыл бы сайт если бы увидел, что человек фотошоп занимается, а своего шаблона нет. Твоя тематика то рассчитана на вебмастеров, а мы же вредины.
Страна: (RU)
First-1
Понедельник, 15 Июня 2015, 14:23 | Сообщение 4
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Sиdodжи,
Цитата Sиdodжи ()
http://ps-masters.3dn.ru/panel/?a=fm;l=7;f=css;file=navigator.css

кому нужна эта ссылка через панель управления? biggrin

Держи стили под твоё меню
Код
/* - 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)
Kosten
Понедельник, 15 Июня 2015, 14:30 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
First, стиль реально своеобразный surprised
Страна: (RU)
Kosten
Понедельник, 15 Июня 2015, 14:40 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
У меня получилось такое DEMO что то явно не то.
Страна: (RU)
Sиdodжи
Понедельник, 15 Июня 2015, 14:41 | Сообщение 7
Оффлайн
Пользователи
Сообщений:93
Награды: 0
STORM5711, Как ты заметил, я занимаюсь фотошопом, а в css/html и т.д. я новичок. Я могу сам нарисовать дизайн, вот только поставить его не смогу.

PS-MASTERS.3DN.RU - Всё для Adobe Photoshop.
PSD, стили, шрифты, renders, плагины, фильтры и т.д.
Страна: (RU)
Kosten
Понедельник, 15 Июня 2015, 14:55 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Sиdodжи, у вас уже есть наброски к примеру на навигацию сайта - меню.
Страна: (RU)
Sиdodжи
Понедельник, 15 Июня 2015, 14:59 | Сообщение 9
Оффлайн
Пользователи
Сообщений:93
Награды: 0
Kosten, Это лишь малая часть)

PS-MASTERS.3DN.RU - Всё для Adobe Photoshop.
PSD, стили, шрифты, renders, плагины, фильтры и т.д.
Страна: (RU)
Kosten
Понедельник, 15 Июня 2015, 15:07 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Sиdodжи, но с малого все начинается, удачи воплощение wink
Страна: (RU)
Sиdodжи
Понедельник, 15 Июня 2015, 15:12 | Сообщение 11
Оффлайн
Пользователи
Сообщений:93
Награды: 0
Kosten, Ну со временем буду переделывать под свой дизайн)

PS-MASTERS.3DN.RU - Всё для Adobe Photoshop.
PSD, стили, шрифты, renders, плагины, фильтры и т.д.
Страна: (RU)
workman
Понедельник, 15 Июня 2015, 18:00 | Сообщение 12
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Sиdodжи ()
Как ты заметил, я занимаюсь фотошопом, а в css/html и т.д. я новичок. Я могу сам нарисовать дизайн, вот только поставить его не смогу.

Если что, то обращайся... Поможем поставить, перекрасить и отрегулировать все что угодно ...
Страна: (RU)
workman
Понедельник, 15 Июня 2015, 18:02 | Сообщение 13
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Sиdodжи, А с другой стороны, я бы на твоем месте не ставил бы такие менюшки ...
Страна: (RU)
Kosten
Понедельник, 15 Июня 2015, 18:17 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
workman, полностью согласен, можно раскидать правильно информацию по блокам.
Страна: (RU)
workman
Понедельник, 15 Июня 2015, 18:44 | Сообщение 15
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
полностью согласен, можно раскидать правильно информацию по блокам.

Просто не все пользователи умеют бродить по сайту. Зайдет какой-нибудь тормоз и будет тупить там ... Отчего и быстро уходят со страниц
Страна: (RU)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: