|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Как закрыть описание категорий |
Как закрыть описание категорий |
Вот 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;} |
лучше бы вместо вывешивания простыней кода дали адрес сайта и что хотите сделать, быстрей было бы и есть полезный тег
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
|
Вот сайт http://yavcataloge.ucoz.net/
Когда добавляю описание к категории, оно выводиться возле её названия, как закрыть это в css коде? |
|
|
|
: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
|
Я там писал что бы в html формате, то есть ссылка рядом картинка
|
| |||
| |||