» »

Меню категорий светлое для сайта


Меню категорий светлое для сайта

Искал в рунете замену не целого шаблона, а вид категорий например не боковой панели а на центральной и толком ничего путного не находил . Вот и решил попробовать вырвать из одного шаблона css кусок и вставить в другой и в целом вроде получилось.

Установка проста заходи в Панель управления сайта далее в таблице стилей css необходимо найти такой код начинается примерно на
Код
/* Module Part Menu */  
.catsTable {border-collapse:collapse;}  
.catsTd {........  
.....  
.....  
.....  
/* ----------------- */


И заменяем на наш код
Код
/* Module Part Menu */  
.catsTable {border-collapse:collapse;}  
.catsTd {  
width:250px;  
height:43px;  
line-height:43px;  
border-left:1px solid #bbbbbb;  
border-right:1px solid #bbbbbb;  
border-bottom:1px solid #bbbbbb;  
-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;  
background: -moz-linear-gradient(top,#efefef,#e4e4e4);  
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));  
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#efefef,endColorstr=#e4e4e4,GradientType=0); zoom: 1;  
background: linear-gradient(top, #efefef, #e4e4e4);  
background-image: -o-linear-gradient(top, #efefef, #e4e4e4);  
background-image: -moz-linear-gradient(top, #efefef, #e4e4e4);  
background-image: -webkit-linear-gradient(top, #efefef, #e4e4e4);  
background-image: -ms-linear-gradient(top, #efefef, #e4e4e4);  
box-shadow:inset 0 1px 0 #fff;  
color:#5b6267;  
text-shadow:0 1px 0 #fff;  
padding-left:20px;  
}  
.catName {}  
.catNameActive {font-size:14px;}  
.catNumData {  
font-size:12px;  
color:#5b6267;  
font-weight:bold;  
margin-right:10px;  
float:right;  
}  
.catDescr {font-size:11px; padding-left:10px;}  
a.catName:link {text-decoration:none; color:#5b6267;}  
a.catName:visited {text-decoration:none; color:#5b6267;}  
a.catName:hover {text-decoration:underline; color:#48971e}  
a.catName:active {text-decoration:none; color:#141d2e;}  
a.catNameActive:link {text-decoration:none; color:#5b6267;}  
a.catNameActive:visited {text-decoration:none; color:#5b6267;}  
a.catNameActive:hover {text-decoration:underline; color:#48971e}  
a.catNameActive:active {text-decoration:none; color:#5b6267;}  
/* ----------------- */

Взято из собственного результата и опыта .
14.09.2014 Просмотров: 764 Комментарий: (22)

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

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

Комментарий: 21
Kosten
Kosten 14.09.2014 23:251
0
kredit-oformi, с первым файлом тебя ok
kredit-oformi
kredit-oformi 14.09.2014 23:262
0
Kosten, Спасибо. учусь blink
Kosten
Kosten 14.09.2014 23:283
0
kredit-oformi, но учится не когда не поздно. А по скрипту, думаю кому и пригодиться.
kredit-oformi
kredit-oformi 14.09.2014 23:314
0
Kosten, да пусть будет зато точно только тут
Kosten
Kosten 14.09.2014 23:485
0
kredit-oformi, biggrin
Dimstrik
Dimstrik 15.09.2014 16:126
0
kredit-oformi, Интересное и красивое меню я его вставил в обводку и всё чётко смотрится !
kredit-oformi
kredit-oformi 15.09.2014 16:467
0
CHID, глянуть можно?
Dimstrik
Dimstrik 15.09.2014 16:568
0
kredit-oformi, Я тебе в личку ссылку на сайт кинул!
И ещё один момент понравился что когда выбираешь категорию она становится жирной что показывает в какой категории вы находитесь
kredit-oformi
kredit-oformi 15.09.2014 17:139
0
CHID, рад что пригодился скрипт
kredit-oformi
kredit-oformi 15.09.2014 17:1710
0
CHID, смотрится действительно хорошо в обводке
1 2 3 »
avatar