Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Как закрыть описание категорий
Как закрыть описание категорий
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 1 | 19:13:03
Вот CSS код, нужно закрыть описание категорий

#catmenu,.sidetitle {background:#3498db; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}
#catmenu:before,#catmenu:after,.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #0f6d9e;border-left:10px solid transparent;}
#catmenu:before,.sidetitle:before {left:0;}
#catmenu:after,.sidetitle:after {right:0;}
#catmenu:after,.sidetitle:after {border-left:none;border-right:10px solid transparent;}
.marked .sidetitle:after,.marked .sidetitle:before {border-top-color:#bf602a;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {padding:0 1px 0 0;float:left;}
#catmenu li a {display:inline-block;height:50px;line-height:50px;padding:0 20px;text-transform:uppercase;font-size:13px;color:#fff;font-family:'PT Sans';}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color:#fff;background:#2c81ba;text-decoration:none;}
#catmenu li.uWithSubmenu {position:relative;}
#catmenu ul ul {display:none;}
#catmenu li.uWithSubmenu:hover > ul {display:block;}
#catmenu ul ul {position:absolute;z-index:10;width:220px;top:50px;left:0;padding:13px 0;background:#2c81ba;}
#catmenu ul ul ul {top:0;left:220px;border-top:none;}
#catmenu ul ul li {float:none;padding:0 10px;}
#catmenu ul ul li a,#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {display:block;padding:7px 10px;height:auto;line-height:normal; margin:0 0 1px;font-size:11px;color:#fff;}
#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {background:#3498db;}
.nav-head,#catmenu li.uWithSubmenu em {display:none;}
.nav-head {padding:12px 20px;position:relative;font-size:25px;line-height:normal;text-transform:uppercase;color:#fff;cursor:pointer;background:#3498db;font-family:'PT Sans';}
.nav-head a {color:#fff;text-decoration:none;}
.nav-head .icon {position:absolute;width:40px;right:20px;top:14px;}
.nav-head .icon span {display:block;height:4px;background:#fff;margin:2px 0 0;}
#catmenu li.uWithSubmenu em {position:absolute;font-size:16px;width:24px;height:24px;line-height:24px;right:0;top:5px;font-style:normal;text-align:center;cursor:pointer;color:#fff;}
#catmenu li.uWithSubmenu ul em {display: inline-block;}

#slider {position:relative;overflow:hidden; margin:0 0 30px;}
.slides,.slide {padding:0; margin:0; list-style:none;}
.slide {position:relative; display:none;}
.slide:first-child {display:block;}
.slide img {display:block; padding:0; margin:0;}
.caption {position:absolute; padding:0; left:0; bottom:0; width:100%; background:rgba(52,152,219,.8); color:#fff;}
.cap-ttl {padding:20px 20px 10px; font-size:20px; text-transform:uppercase;font-family:'PT Sans';}
.cap-ttl a {color:#fff;}
.cap-ds {padding:0 20px 20px; font-size:15px;}
#sidebar {float:right;width:26%; background:#fff;}
.sidebox {margin:0;position:relative;}
.sidetitle {text-transform:uppercase;padding:13px 10px;color:#fff;font-size:16px; text-align:center;font-family:'PT Sans';}
.marked .sidetitle {background:#f27935;}
.sidebox .inner {padding:20px;}
.sidebox ul,.sidebox .catsTable {margin:0;padding:0;list-style:none;}
.sidebox .catsTable,.sidebox .catsTable * {display:block;width:auto!important;}
.sidebox li {list-style:none;padding:0;}
.sidebox li a,.sidebox .catsTable td a {display:inline-block;color:#3498db;padding:5px 0;}
.sidebox li b {color:#939fae;font-weight:normal;}
.sidebox li a:before,.sidebox .catsTable td a:before {content:"\25fe";padding:0 5px 0 0;color:#dadddf; font-size:12px;}
.sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox li.over > a,.sidebox li a.uMenuItemA,.sidebox .catsTable td a.catNameActive {color:#0f6d9e;text-decoration:none;}
.sidebox li a:hover:before,.sidebox .catsTable td a:hover:before,.sidebox li.over > a:before,.sidebox li a.uMenuItemA:before,.sidebox .catsTable td a.catNameActive:before {color:#939fae;}
.sidebox li.uWithSubmenu,.sidebox li.parent-li {position:relative;}
.sidebox li.uWithSubmenu em,.sidebox li.parent-li em {position:absolute;top:2px;right:0;width:24px;height:24px;line-height:24px;font-style:normal;font-size:14px;text-align:center;z-index:10;cursor:pointer;}
.sidebox li.uWithSubmenu em:hover,.sidebox li.parent-li em:hover {color:#0f6d9e;}
.sidebox .catNumData {color:#939fae;display:inline-block;}
.sidebox .calTable{width:100%;}
.calTable {font-size:12px;}
.calTable td {text-align:center;padding:7px 2px;}
.calTable td a {text-decoration:underline;}
.calTable td a:hover {text-decoration:none;}
.calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;}
.calWday,.calWdaySe,.calWdaySu {background:#dbe1e8;}
.calTable td.calMonth a {text-decoration:none;}
.calTable td.calMonth a:hover {text-decoration:underline;}
.calTable .calMday {color:#aaa;}
.calTable .calMdayA,.calTable .calMdayIsA {background:#3498db;color:#fff;}
.calMdayLink {color: #aaa;font-weight: bold;text-decoration: none !important;}
.sidebox ul ul {display:none;margin:0;padding:0 0 0 20px;}
.sidebox li.uWithSubmenu.over > ul,.sidebox li.parent-li.over > ul {display:block;}
.sidebox iframe {border:1px solid #dbe1e8;}
.sidebox .answer {padding:5px 0 0 0;}
.schQuery,.schBtn {display:inline;padding:0 2px;}
.sidebox ul.rate-list {margin:0;}
#shop-basket ul li a {padding:0;margin:0;}
#shop-basket ul li a:before {display:none;}
.user-box {text-align:center;}
.user-box img {padding:2px; margin:0 0 10px; max-width:90%;border:1px solid #dbe1e8;}
.user-ttl {font-size:15px;font-family:'PT Sans'; padding:0 0 5px;}
#content {float:left;width:72%; background:#fff;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#content fieldset {border:1px solid #dbe1e8;padding:20px;margin: 0 0 20px;}
#content .calTable {width:70%;margin:0 0 30px;}
#content.wide-page {float:none;width:auto;}
#casing label {color:#939fae!important;}
.eBlock {border-spacing:0;margin:0 0 20px;padding:0 0 20px;border-bottom:2px solid #eceff3;clear:both;table-layout: fixed;}
.eBlock + br {display:none;}
.eBlock + table {margin:40px 0 0;border-spacing:0;}
.eBlock + table td [width="60%"]{font-size:18px;padding:0 0 20px;font-family:'PT Sans';}
.eBlock td {padding:0!important;}
.eTitle {padding:0!important;font-size:25px;color:#5e6d81;font-family:'PT Sans';}
.eTitle a {color:#5e6d81;text-decoration:none;}
.eTitle a:hover {color:#3498db;}
.eTitle div[style^="float:right"] a {font-size:inherit;}
.eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:7px 0!important;color:#939fae;margin:10px 0 0;line-height:170%;}
.eDetails ul,.eDetails1 ul,.eDetails2 ul {line-height:normal;}
.eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:7px 0!important;margin:10px 0 0!important;}
.eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:none;color:#939fae;}
.eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover,.eDetails .ed-value:hover,.eDetails1 .ed-value:hover,.eDetails2 .ed-value:hover {color:#3498db;}
.e-category,.e-comments {background:url(/.s/t/1321/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;line-height:15px;}
.e-category:hover {background-position:-1000px -500px;}

killbit
Сообщений: 317
Репутация: 104

Сообщение # 2 | 19:35:02
лучше бы вместо вывешивания простыней кода дали адрес сайта и что хотите сделать, быстрей было бы и есть полезный тег
code

Код
#catmenu,.sidetitle {background:#3498db; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}
#catmenu:before,#catmenu:after,.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #0f6d9e;border-left:10px solid transparent;}
#catmenu:before,.sidetitle:before {left:0;}
#catmenu:after,.sidetitle:after {right:0;}
#catmenu:after,.sidetitle:after {border-left:none;border-right:10px solid transparent;}
.marked .sidetitle:after,.marked .sidetitle:before {border-top-color:#bf602a;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {padding:0 1px 0 0;float:left;}
#catmenu li a {display:inline-block;height:50px;line-height:50px;padding:0 20px;text-transform:uppercase;font-size:13px;color:#fff;font-family:'PT Sans';}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color:#fff;background:#2c81ba;text-decoration:none;}
#catmenu li.uWithSubmenu {position:relative;}
#catmenu ul ul {display:none;}
#catmenu li.uWithSubmenu:hover > ul {display:block;}
#catmenu ul ul {position:absolute;z-index:10;width:220px;top:50px;left:0;padding:13px 0;background:#2c81ba;}
#catmenu ul ul ul {top:0;left:220px;border-top:none;}
#catmenu ul ul li {float:none;padding:0 10px;}
#catmenu ul ul li a,#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {display:block;padding:7px 10px;height:auto;line-height:normal; margin:0 0 1px;font-size:11px;color:#fff;}
#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {background:#3498db;}
.nav-head,#catmenu li.uWithSubmenu em {display:none;}
.nav-head {padding:12px 20px;position:relative;font-size:25px;line-height:normal;text-transform:uppercase;color:#fff;cursor:pointer;background:#3498db;font-family:'PT Sans';}
.nav-head a {color:#fff;text-decoration:none;}
.nav-head .icon {position:absolute;width:40px;right:20px;top:14px;}
.nav-head .icon span {display:block;height:4px;background:#fff;margin:2px 0 0;}
#catmenu li.uWithSubmenu em {position:absolute;font-size:16px;width:24px;height:24px;line-height:24px;right:0;top:5px;font-style:normal;text-align:center;cursor:pointer;color:#fff;}
#catmenu li.uWithSubmenu ul em {display: inline-block;}

#slider {position:relative;overflow:hidden; margin:0 0 30px;}
.slides,.slide {padding:0; margin:0; list-style:none;}
.slide {position:relative; display:none;}
.slide:first-child {display:block;}
.slide img {display:block; padding:0; margin:0;}
.caption {position:absolute; padding:0; left:0; bottom:0; width:100%; background:rgba(52,152,219,.8); color:#fff;}
.cap-ttl {padding:20px 20px 10px; font-size:20px; text-transform:uppercase;font-family:'PT Sans';}
.cap-ttl a {color:#fff;}
.cap-ds {padding:0 20px 20px; font-size:15px;}
#sidebar {float:right;width:26%; background:#fff;}
.sidebox {margin:0;position:relative;}
.sidetitle {text-transform:uppercase;padding:13px 10px;color:#fff;font-size:16px; text-align:center;font-family:'PT Sans';}
.marked .sidetitle {background:#f27935;}
.sidebox .inner {padding:20px;}
.sidebox ul,.sidebox .catsTable {margin:0;padding:0;list-style:none;}
.sidebox .catsTable,.sidebox .catsTable * {display:block;width:auto!important;}
.sidebox li {list-style:none;padding:0;}
.sidebox li a,.sidebox .catsTable td a {display:inline-block;color:#3498db;padding:5px 0;}
.sidebox li b {color:#939fae;font-weight:normal;}
.sidebox li a:before,.sidebox .catsTable td a:before {content:"\25fe";padding:0 5px 0 0;color:#dadddf; font-size:12px;}
.sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox li.over > a,.sidebox li a.uMenuItemA,.sidebox .catsTable td a.catNameActive {color:#0f6d9e;text-decoration:none;}
.sidebox li a:hover:before,.sidebox .catsTable td a:hover:before,.sidebox li.over > a:before,.sidebox li a.uMenuItemA:before,.sidebox .catsTable td a.catNameActive:before {color:#939fae;}
.sidebox li.uWithSubmenu,.sidebox li.parent-li {position:relative;}
.sidebox li.uWithSubmenu em,.sidebox li.parent-li em {position:absolute;top:2px;right:0;width:24px;height:24px;line-height:24px;font-style:normal;font-size:14px;text-align:center;z-index:10;cursor:pointer;}
.sidebox li.uWithSubmenu em:hover,.sidebox li.parent-li em:hover {color:#0f6d9e;}
.sidebox .catNumData {color:#939fae;display:inline-block;}
.sidebox .calTable{width:100%;}
.calTable {font-size:12px;}
.calTable td {text-align:center;padding:7px 2px;}
.calTable td a {text-decoration:underline;}
.calTable td a:hover {text-decoration:none;}
.calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;}
.calWday,.calWdaySe,.calWdaySu {background:#dbe1e8;}
.calTable td.calMonth a {text-decoration:none;}
.calTable td.calMonth a:hover {text-decoration:underline;}
.calTable .calMday {color:#aaa;}
.calTable .calMdayA,.calTable .calMdayIsA {background:#3498db;color:#fff;}
.calMdayLink {color: #aaa;font-weight: bold;text-decoration: none !important;}
.sidebox ul ul {display:none;margin:0;padding:0 0 0 20px;}
.sidebox li.uWithSubmenu.over > ul,.sidebox li.parent-li.over > ul {display:block;}
.sidebox iframe {border:1px solid #dbe1e8;}
.sidebox .answer {padding:5px 0 0 0;}
.schQuery,.schBtn {display:inline;padding:0 2px;}
.sidebox ul.rate-list {margin:0;}
#shop-basket ul li a {padding:0;margin:0;}
#shop-basket ul li a:before {display:none;}
.user-box {text-align:center;}
.user-box img {padding:2px; margin:0 0 10px; max-width:90%;border:1px solid #dbe1e8;}
.user-ttl {font-size:15px;font-family:'PT Sans'; padding:0 0 5px;}
#content {float:left;width:72%; background:#fff;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#content fieldset {border:1px solid #dbe1e8;padding:20px;margin: 0 0 20px;}
#content .calTable {width:70%;margin:0 0 30px;}
#content.wide-page {float:none;width:auto;}
#casing label {color:#939fae!important;}
.eBlock {border-spacing:0;margin:0 0 20px;padding:0 0 20px;border-bottom:2px solid #eceff3;clear:both;table-layout: fixed;}
.eBlock + br {display:none;}
.eBlock + table {margin:40px 0 0;border-spacing:0;}
.eBlock + table td [width="60%"]{font-size:18px;padding:0 0 20px;font-family:'PT Sans';}
.eBlock td {padding:0!important;}
.eTitle {padding:0!important;font-size:25px;color:#5e6d81;font-family:'PT Sans';}
.eTitle a {color:#5e6d81;text-decoration:none;}
.eTitle a:hover {color:#3498db;}
.eTitle div[style^="float:right"] a {font-size:inherit;}
.eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:7px 0!important;color:#939fae;margin:10px 0 0;line-height:170%;}
.eDetails ul,.eDetails1 ul,.eDetails2 ul {line-height:normal;}
.eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:7px 0!important;margin:10px 0 0!important;}
.eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:none;color:#939fae;}
.eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover,.eDetails .ed-value:hover,.eDetails1 .ed-value:hover,.eDetails2 .ed-value:hover {color:#3498db;}
.e-category,.e-comments {background:url(/.s/t/1321/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;line-height:15px;}
.e-category:hover {background-position:-1000px -500px;}
Сообщение отредактировал killbit - Вторник, 20 Окт 2015, 19:40:03
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 3 | 19:45:38
Вот сайт http://yavcataloge.ucoz.net/
Когда добавляю описание к категории, оно выводиться возле её названия, как закрыть это в css коде?

killbit
Сообщений: 317
Репутация: 104

Сообщение # 4 | 19:51:38
Добавьте описание,для примера
Сообщение отредактировал killbit - Вторник, 20 Окт 2015, 19:51:51
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 5 | 20:03:24
добави

killbit
Сообщений: 317
Репутация: 104

Сообщение # 6 | 20:04:32
Цитата Chesterfield5017 ()
добави

добавить в css
Код
.catDescr {
display: none;
}
Сообщение отредактировал killbit - Вторник, 20 Окт 2015, 20:14:20
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 7 | 20:14:49
Да но такого кода там нет

killbit
Сообщений: 317
Репутация: 104

Сообщение # 8 | 20:15:55
Так добавьте)
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 9 | 20:18:42
Хочу еще картинки к категориям

killbit
Сообщений: 317
Репутация: 104

Сообщение # 10 | 20:29:59
:D
Самый простой вариант (как по мне) это через псевдо элементы

например
что то типа такого

Код
#cid1::after {
    background-image: url("/.s/img/icon/social/u-g.svg");
    content: "";
    display: table;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px;
}
.catsTd {
    height: 20px;
}


картинку нужно свою вместо
/.s/img/icon/social/u-g.svg

и так для каждой категории , если нужны разные картинки для каждой категории
или просто переписать меню , ссылку я вам давал в вашей теме
Сообщение отредактировал killbit - Вторник, 20 Окт 2015, 20:51:12
Chesterfield5017
Сообщений: 221
Репутация: 10

Сообщение # 11 | 20:52:01
Цитата killbit ()
или просто переписать меню , ссылку я вам давал в вашей теме
Я там писал что бы в html формате, то есть ссылка рядом картинка

killbit
Сообщений: 317
Репутация: 104

Сообщение # 12 | 21:03:28
Цитата Chesterfield5017 ()
Я там писал что бы в html формате, то есть ссылка рядом картинка

хм ну тогда только ручками.
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Как закрыть описание категорий
Страница 1 из 11
Поиск: