CMS DataLife Engine - Система управления сайтами

Sign in to follow this  
strepsils

Черные блоки

Recommended Posts

http://smol9n.yomu.ru/ <----- как сделать так, чтобы при переходе на статистическую страницу, к примеру, http://smol9n.yomu.ru/index.php?do=static&page=omsu исчезали "Черные блоки" и новость растягивалась на всю оставшуюся площадь, освобожденную в ущерб тем самым блокам. Т.е. что-бы так называемый content_r исчез со статических страниц

Вот CSS


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

body { font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; background:#fff url('../images/bg.png') repeat-x; font-size:12px;}

input[type="image"]:hover {opacity:0.8;}

ul, form {display:block; padding:0; margin:0; list-style:none;}

input[type="submit"],

input[type="button"] {cursor:pointer;}

h1,h2,h3,h4,h5,h6 {display:block; margin:0 0 10px 0; padding:0; color:#fff;}

.center { text-align: center}

h1 {font-size:26px;}

h2 {font-size:22px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

a img {border:0;}

a:link {text-decoration:none; color:#3d3c3c; }

a:active {text-decoration:none; color:#3d3c3c; }

a:visited {text-decoration:none; color:#3d3c3c;  }

a:hover {text-decoration:underline; color:#3d3c3c; }

#wrapper {width:1004px; margin:0 auto; background:#f3f6f9 url('../images/cont_bg.png') repeat-y;}

#header {color:#fff;height:366px; width:1024px; margin:0 -11px 0 -10px; background:url('../images/header.jpg') no-repeat;}

.header {width:1000px; margin:0 auto;background:url('../images/header_bg.jpg') no-repeat 0 center;}

#header_h {padding:0 14px;height:47px; background:url('../images/header_h.png') no-repeat center top;}

.header_h_l {float:left; max-width:33.3%; width: auto !important; width: 33.3%; /* IE */ padding:13px 0 0 0;}

.header_h_r {float:right; max-width:33.3%; width: auto !important; width: 33.3%; /* IE */ padding:13px 0 0 0;}

#h_info {margin:-2px -10px 0 0;}

#h_info li {display:block; float:left; padding:0 4px 0 4px; background:url('../images/h_info_sep.png') no-repeat center left;}

#h_info li a {width:23px; height:23px; display:block; background:url('../images/h_info.png') no-repeat 0 0;}

#h_info li a.st_icon_1:hover {background-position:0 -23px;}

#h_info li a.st_icon_2 {background-position:-23px 0;}

#h_info li a.st_icon_2:hover {background-position:-23px -23px;}

#h_info li a.st_icon_3 {background-position:-46px 0;}

#h_info li a.st_icon_3:hover {background-position:-46px -23px;}

#social {margin:-8px 0px 0 -9px;}

#social li {display:block; height:25px;float:left; padding:10px 8px 0 6px; background:url('../images/social_sep.png') no-repeat center right;}

#social li a {width:16px; height:17px; display:block; background:url('../images/social.png') no-repeat 0 0;}

#social li a.soc_1:hover {background-position:0 -17px;}

#social li a.soc_2 {background-position:-16px 0;}

#social li a.soc_2:hover {background-position:-16px -17px;}

#social li a.soc_3 {background-position:-32px 0;}

#social li a.soc_3:hover {background-position:-32px -17px;}

#social li a.soc_4 {background-position:-48px 0;}

#social li a.soc_4:hover {background-position:-48px -17px;}

.header_h_c {margin:0 auto; max-width:25%; width: auto !important; width: 25%; /* IE */ overflow:hidden; position:relative; padding:13px 0 0 0; }

#header_c {padding:0 14px;height:261px;}

.header_c_l {float:left; width:50%;}

.h_logo a img{margin:39px 0 0 139px; height:65px; width:200px; border:none;}

.header_c_r {float:right; width:50%;}

.log_panel {height:27px; margin:234px 0 0 264px; padding:5px 0 0 24px; width:228px; background:url('../images/log_panel_bg.png') no-repeat;}

.prof {float:left; width:153px; margin:-1px 0 0 0;}

.prof3 {float:left; width:79px;}

.prof a {background:url('../images/prof_bg.png') no-repeat;height:20px; width:153px;cursor:pointer;display:block;}

.prof a:hover {background-position:0 -20px;}

.prof3 a {background:url('../images/prof_bg.png') no-repeat 0 -40px;height:20px; width:79px;cursor:pointer;display:block;}

.prof3 a:hover {background-position:0 -40px;}

.prof2 {float:right; width:20px; margin:-1px 45px 0 0;}

.prof4 {float:left; width:110px; margin:-3px 0 0 2px;}

.prof_reg a {color:#ffffff; font-style:italic; font-size:10px; display:block;}

.prof_lost a {margin-top:-2px;float:right;color:#ff0000; font-style:italic; font-size:10px; display:block;}

.prof2 a {background:url('../images/prof_bg.png') no-repeat -153px 0;height:20px; width:20px;cursor:pointer;display:block;}

.prof2 a:hover {background-position:-153px -20px;}


#header_b {margin:0 auto; width:99% !important;}

#header_b2 {height:51px; background:url('../images/header_b.png') repeat-x 0 -102px;}

#header_b2 #header_b2 {margin-right:-4px; background:url('../images/header_b.png') no-repeat right -51px;}

#header_b2 #header_b2 #header_b2 {margin-left:-4px;background:url('../images/header_b.png') no-repeat left 0;}

#header_b_l {width:750px; padding:4px 0 0 17px; float:left; }

/* header navigation */

ul.menu {list-style:none;margin:0;padding:0; padding-top:3px; float:left; position: relative; z-index:5;}

ul.menu * {margin:0;padding:0;}

ul.menu a {display:block;text-decoration:none; color:#FFFFFF;}

ul.menu li {position:relative;float:left; opacity:0.98;-moz-opacity:0.98;filter:alpha(opacity=98); background:url('../images/menusep.png') no-repeat right 50%;}

ul.menu ul {position:absolute;top:38px;background:url('../images/sublinks_bot.png') no-repeat bottom;display:none;list-style:none;}

ul.menu ul li {position:relative;border-top:none;width:238px;margin:0;}

ul.menu ul li:last-child {padding-bottom:7px;}

ul.menu ul li a {display:block;padding:7px 0px 8px 35px;background:url('../images/sublink.gif') no-repeat;color:#fff; font-weight:bold;}

ul.menu ul li a:hover {background:url('../images/sublink.gif') no-repeat 0 -31px;color:#FFF;}

ul.menu .menuhover {color:#a5ccd7;}

.menu_top {text-decoration:none;font-weight:bold;text-transform:uppercase;}

.menu_top a {display:block;float:left;color:#3f3f3f;padding-right:16px;outline:none;}

.menu_top a span {display:block;line-height:15px;padding:10px 1px 13px 17px;}

.menu_top a:hover span {color:#a5ccd7;}

#search {float:right; margin:11px 12px 0 0; height:29px; width:210px; padding-left:9px; background:url('../images/search_sep.png') no-repeat center left; }

.search_form { display:block; margin:0; overflow:hidden; padding: 0 8px 0 0;background:url('../images/search_bg.png') no-repeat;}

.search_form input[type="text"] {width:175px; height:27px; display:block; float:right; font-size:12px; font-style:italic; color:#fff; line-height:19px; text-indent:8px; margin:0; padding:0; border:0; background:0;}

.search_form input[type="submit"] {width:27px; height:27px; display:block; float:left; font-size:0px; text-indent:-999px; border:0 !important; padding:0; background:url('../images/search_submit.png') no-repeat; cursor:pointer;}

.search_form input[type="submit"]:hover {background:url('../images/search_submit.png') no-repeat 0 -27px;}

#content, #cont_panel {padding:5px 3px; margin: 0 3px; background:url('../images/line.png') repeat-x center top;}

#content_l {overflow:hidden;float:left; width:487px; background:url('../images/line2.png') repeat-y center right; padding:0 0 3px 3px;}

#leftcool {float:left; width:247px; background:url('../images/sep.png') repeat-y center right;}

#cont_panel { overflow:hidden;}

.cont_panel_l { float:left; width:52%; background:url('../images/cont_sep.png') repeat-y center right;}

/* slider */

#slider {padding:4px 0 0 0px; width:487px; height:279px; background:url('../images/sliderbg.gif') no-repeat center center;}

#slider_c {overflow:hidden; padding:0 11px;}

.slider {margin:12px 5px 20px 5px;}

.panel-overlay .link{float:right; margin-left:10px; padding:10px; position:relative;}

.panel-overlay .link a img{background:url('../images/sliderli.png') no-repeat; width:72px; height:21px;opacity:0.5;}

.panel-overlay .link a:hover img{background-position:0 -21px;opacity:1;}

.slidertext{padding:12px 12px 12px 0px; color:#fff; font-size:14px;}

.panel img{width:466px; position:relative; height:245px;}

.filmstrip .thumbs{width:79px;height:60px;display:block;overflow:hidden;}

.filmstrip img{width:79px;height:60px; }

.sliderover {width:475px; height:258px; margin:0 0 0 -10px; background:url('../images/sliderov.png') no-repeat; position:relative;}

.cont_panel_r {float:right; width:48%;}

.cont_panel_r_l {float:left; width:50%;}

/* lastnews */

.lastnews {margin:-7px -1px 0 -1px;}

.lastnews li:first-child {background:none;}

.lastnews li {background:url('../images/lastnews_bg.png') repeat-x center top; height:26px; line-height:25px; padding-left:5px; overflow:hidden; border-bottom:1px solid #f3f3f3;}

.lastnews li a {color:#3d3c3c; background:url('../images/lastli.png') no-repeat 0 50%; height:25px; padding-left:9px; display:block; }

.lastnews li a:hover {color:#20649e; text-decoration:none; background:url('../images/lastli_on.png') no-repeat 0 50%;}


.cont_panel_r_r {float:right; width:50%;}

.block_l {width:236px;}

.block_l_h {height:65px; background:url('../images/block_l_bg.png') no-repeat 0 0;}

.block_l_h div {font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #154a77; padding:24px 0 0 22px;  }

.block_l_c {padding:5px 5px 0 5px; background:url('../images/block_l_bg.png') repeat-y -236px 0;}

.block_l_b {padding:0 0 20px 0; background:url('../images/block_l_bg.png') no-repeat -472px bottom;}

.navi  {padding:5px 5px 0 7px; font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #154a77;}

.navi li {list-style-type:none; margin:-4px 0 0 0; }

.navi ul{width:100%;}

.navi a{padding-left:10px; display:block; height:39px; background:url('../images/navilinks.png') no-repeat; line-height:31px; color:#edebe9; text-decoration:none;}

.navi a:hover{background-position:0 -39px; color:#fff; text-decoration:none;}

.navi a span{padding-left:22px; }

.vote_title {width:219px; margin:0 auto;}

.vote_title_h {padding:12px 0 0 0; background:url('../images/vote_title_bg.png') no-repeat 0 top;}

.vote_title_c {font-family: Arial, Helvetica, sans-serif;color:#353434; font-weight:bold; padding:0 10px;background:url('../images/vote_title_bg.png') repeat-y -219px 0;}

.vote_title_b {padding:0 0 21px 0; background:url('../images/vote_title_bg.png') no-repeat -438px bottom;}

.vote_cont {padding:0 11px;}

.vote {color:#353434; font-family:Arial, Helvetica, sans-serif;}

.vote3, .vote2 {color:#353434; margin:0 -12px; padding:3px 11px 5px 11px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #eaeaea; background:url('../images/vote_bg.png') repeat-x center top;}

.vote3:first-child, .vote2:first-child {background:none; border:none;}

.vote3:last-child { border:none;}

.vote_button {overflow:hidden; padding:11px 10px 0 10px;}

.vote_submit {float:left;}

.vote_result {float:right;}

.vote_button input {border:none; cursor:pointer;}

.dovote, .doresult, .doallvote {background:url('../images/vote_but.png') no-repeat;}

.dovote {margin:2px 0 0 0; height:21px; width:100px;}

.dovote:hover {height:21px; width:100px; background-position: 0 -25px;}

.doresult {background-position: -100px 0; width:31px; height:25px;}

.doresult:hover {background-position: -100px -25px; width:31px; height:25px;}

.doallvote { background-position: -131px 0; width:31px; height:25px;}

.doallvote:hover { background-position: -131px -25px; width:31px; height:25px;}

.reklam {text-align:center;}

.reklam img {background:#fff; padding:1px; border:1px solid #e2e2e2;}

#rigtcool {float:right; width:240px;}

.block_r {width:236px;}

.block_r_h {height:65px; background:url('../images/block_r_bg.png') no-repeat 0 0;}

.block_r_h div {font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #353535; padding:24px 0 0 22px;  }

.block_r_c {padding:5px 5px 0 5px; background:url('../images/block_r_bg.png') repeat-y -236px 0;}

.block_r_b {padding:0 0 20px 0; background:url('../images/block_r_bg.png') no-repeat -472px bottom;}

.barchives {padding:0 12px;}

.barchives a b {background:url('../images/archivlinks.png') no-repeat; display:block; height:24px; color:#2a2a2a; padding-left:24px; line-height:24px;}

.barchives a:hover b {background-position:0 -31px; color:#fff; line-height:22px;  text-shadow: 0 1px 0 #1e5d87;}

.barchives a { color:#fff;}

.barchives a:hover {text-decoration: none;}

.barchives br {line-height:4px;}

.topnews {margin:-7px 0 0 0;}

.topnews li {background:url('../images/topnews_bg.png') repeat-x 0 bottom; height:26px; line-height:25px; padding-left:7px; overflow:hidden;}

.topnews li a {color:#3d3c3c; background:url('../images/topli.png') no-repeat 0 50%; height:25px; padding-left:15px; display:block; }

.topnews li a:hover {color:#20649e; text-decoration:none; background:url('../images/topli_on.png') no-repeat 0 50%;}

.news_top {margin:-10px -1px 0 -1px;}

.top_news {background:url('../images/topnews_bg.png') repeat-x 0 bottom;margin: 6px 0 0 0;}

.top_news_h {height:21px;padding:0 0 0 8px; border-bottom:1px solid #ebebeb;}

.top_news_h div {overflow:hidden; height:16px;}

.top_news_h a {color:#3d3c3c; background:url('../images/topli.png') no-repeat 0 20%; height:25px; padding-left:16px; display:block; }

.top_news_h a:hover {color:#20649e; text-decoration:none; background:url('../images/topli_on.png') no-repeat 0 20%;}

.top_news_c {overflow:hidden;font-size:11px;padding:5px 5px 8px 5px; background:url('../images/top_news_c_bg.png') repeat-x center top;}

.top_news_poster {margin-right:5px; padding-left:1px;width:86px; height:80px; float:left;background:url('../images/top_news_poster_sep.png') repeat-y center right;}

.top_news_poster img {max-width:76px; max-height:76px;background:#fff; padding:1px; border:1px solid #e5e5e5; }

#content_r {overflow:hidden; float:right; width:500px;}

/* speedbar */

.speedbar {padding:8px 0 0 51px; height:56px; width:498px; background:url('../images/speedbar_bg.png') no-repeat; margin: 3px auto 0 auto;}

.speedbar_c, .speedbar_c div {max-width:420px; overflow:hidden; float: left; height: 25px; padding: 0 0 0 10px; background: url('../images/speedbar_c_bg.png') no-repeat; }

.speedbar_c div {line-height:25px; padding: 0 10px 0 0; background-position: 100% 100%; }

/* banner */

.banner {margin:5px auto 0 auto; padding:10px 0 0 15px; width:493px; height:91px; background:url('../images/banner_cont.png') no-repeat;}

/* navigation */

.navigation {padding:0 5px 0 6px;  margin:0 0 10px 0;}

.navigation_but { width:114px; height:24px;float:right;margin-top:-2px; background:url('../images/navigation_but_bg.png') no-repeat;}

.navigation_num {font-family:Arial; font-weight:bold;line-height:20px;font-size:14px;}

.navigation_num a {color:#3b3a3a;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#e7edf4; border:1px solid #e4eaf1;}

.navigation_num a:hover {text-decoration:none;color:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#2a76b0; border:1px solid #4d8bbc;}

.navigation_num span {color:#276eaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#e7edf4; border:1px solid #e4eaf1;}

.navigation_prev {margin:1px 0 0 0;float:left;width:53px; margin:1px 0 0px 1px;}

.navigation_prev a:link,

.navigation_prev a:visited,

.navigation_prev a:active {padding:0;background:url('../images/navigation_but.png') no-repeat 0 0px;width:53px;height:19px;float:left; margin:1px 0 0 1px; border:0;}

.navigation_prev a:hover {background:url('../images/navigation_but.png') no-repeat 0 -19px;height:19px;margin:1px 0 0 1px; border:0;}

.navigation_prev span {background:url('../images/navigation_but.png') no-repeat 0 -38px;height:19px;width:53px;float:left; margin:1px 0 0 1px; border:0;}

.navigation_next {width:53px;margin:1px 3px 0 0px;float:right;}

.navigation_next a:link,

.navigation_next a:visited,

.navigation_next a:active {padding:0;background:url('../images/navigation_but.png') no-repeat -53px 0;width:53px;height:19px;float:left; border:0; margin:1px 0 0 1px;}

.navigation_next a:hover {background:url('../images/navigation_but.png') no-repeat -53px -19px;height:19px; border:0; margin:1px 0 0 1px;}

.navigation_next span {background:url('../images/navigation_but.png') no-repeat -53px -38px;height:19px;width:53px;float:left; border:0; margin:1px 0 0 1px;}

.content_story { overflow:hidden; margin:-5px 0 0 0; width:500px; }

/* short-story */

.short {width:250px; float:left; width:50%; display:block;}

.short_h {padding:0 7px;height:88px; background:url('../images/short-story_bg.png') no-repeat 0 0;}

.short_h h2 {font-size:12px; padding:20px 12px 0 12px; height:30px; overflow:hidden;}

.short_h h2 a {color:#fff;}

.short_h_panel {margin:-7px auto 0 auto; width:94%; overflow:hidden; background:url('../images/short_panel_bg.png') repeat-x center 45%;}

/* short_h_moder */

.short_h_moder, .short_h_moder span {display:inline; float:left;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.short_h_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.short_h_moder ul {margin:0 -9px; overflow:hidden;}

.short_h_moder ul li {  float: left; margin: 2px 0 0 4px;}

.short_h_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.edit a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat 0 0;}

.edit a:hover img{background-position:0 -17px;}

.fav a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -17px 0;}

.fav a:hover img{ background-position:-17px -17px;}

.warn a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -34px 0;}

.warn a:hover img{ background-position:-34px -17px;}

/* short_h_rating */

.short_h_rating, .short_h_rating span {display:inline; float:right; max-width:80px; width: auto !important; width: 60px; /* IE */ height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.short_h_rating span {line-height:20px; padding: 0 12px 0 0; background-position: 100% 100%;}

.rating_b {margin:0 -9px; overflow:hidden; padding:2px 0 0 0;}

.rating_plus {width:17px; height:17px; display:block; float:left; background: url('../images/rating.png') no-repeat 0 0;}

.rating_plus:hover {background-position: 0 -17px;}

.rating_minus {width:17px; height:17px; display:block; float:right; background: url('../images/rating.png') no-repeat -17px 0;}

.rating_minus:hover { background-position: -17px -17px;}

.rating_numm {padding:0 3px 0 2px; display:block; margin:3px 0 0 0; float:left; overflow:hidden; color:#fff; line-height:11px; text-align:center;}

.rating_numm a {color:#fff;}

.short_inf_bg {width:244px; font-size:11px; margin:0 -2px;padding:0 0 18px 0; background:url('../images/short_inf_bg.png') repeat-x center bottom;}

.short_inf:first-child { margin:0 auto; background:none;}

.short_inf {overflow:hidden;  padding:0 4px; height:21px; border-bottom:1px solid #efefef; background:url('../images/short_inf_bg.png') repeat-x center top;}

.short_inf ul {display:inline; }

.short_inf ul li { height:22px;   float: left; padding: 9px 2px 0 0px;}

.short_inf ul li  div {margin:-5px auto 0 auto;}

.auth {padding:0 0 0 20px; max-width:40px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -48px;}

.date {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -32px;}

.comm {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -16px;}

.view {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 0;}

.cats {padding:0 0 0 20px; max-width:212px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -64px;}

.short_c {overflow:hidden;padding:0 5px 5px 5px;background:url('../images/short-story_bg.png') repeat-y -250px 0;}

.short_text { text-align:justify;font-size:11px; margin:0; padding:0 5px; overflow:hidden;}

.short_text a img {max-width:223px; background:#fff; padding:1px; border:1px solid #d5d5d5;}

.short_text img {max-width:223px;}

.short_b {  padding:0 10px 0 10px;height:43px; background:url('../images/short-story_bg.png') no-repeat -500px -45px;}

.full_link {margin:7px 4px 0 0; float:right; color:#000;}

.full_link a {background:url('../images/full_link.png') no-repeat;height:19px; width:75px;;cursor:pointer;display:block;}

.full_link a:hover {background-position:0 -19px;}

/* story */

.story {width:100%; clear:both;}

.story_h {height:63px; padding:0 10px; background:url('../images/story_bg.png') no-repeat 0 0;}

.story_h h2 {font-size:12px; float:left; padding:25px 0 0 32px; height:16px; overflow:hidden; max-width:357px;}

.story_h h2 a {color:#fff;}

/* short_h_rating */

.story_rating {margin:23px 19px 0 0; float:right;}

.story_h_rating, .story_h_rating span {display:inline; float:right; max-width:80px; width: auto !important; width: 60px; /* IE */ height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.story_h_rating span {line-height:20px; padding: 0 12px 0 0; background-position: 100% 100%;}

.story_inf { font-size:11px; margin:0 -2px;padding:0 0 16px 0; background:url('../images/story_inf.png') repeat-x center bottom; overflow:hidden;}

.story_inf_l {float:left; padding: 0 0 0 9px; }

.story_inf_l ul {display:inline;}

.story_inf_l ul li { height:22px;   float: left; padding: 10px 2px 0 0px;}

.story_inf_l ul li  div {margin:-5px auto 0 auto;}

.auth {padding:0 0 0 20px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -48px;}

.date {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -32px;}

.comm {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -16px;}

.view {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 0;}

.cats {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -64px;}

.story_inf_r {float:right; padding: 0 9px 0 0;}

/* story_moder */

.story_moder, .story_moder span {display:inline; float:left;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 23px; padding: 0 0 0 12px; background: url('../images/story_panel.png') no-repeat; }

.story_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.story_moder ul {margin:1px -9px 0 -9px; overflow:hidden;}

.story_moder ul li {  float: left; margin: 2px 0 0 4px;}

.story_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.story_edit a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat 0 0;}

.story_edit a:hover img{background-position:0 -17px;}

.story_fav a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -17px 0;}

.story_fav a:hover img{ background-position:-17px -17px;}

.story_warn a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -34px 0;}

.story_warn a:hover img{ background-position:-34px -17px;}


.story_c {padding: 0 5px 0 4px;background:url('../images/story_bg.png') repeat-y -499px 0;}

.story_text, .story_text2 {margin:0; text-align:justify;font-size:12px; padding:0 5px; overflow:hidden;}

.story_text a img { background:#fff; padding:1px; border:1px solid #d5d5d5;}

.related, .comments {padding:5px 5px 0 5px; margin:5px 0;background:url('../images/related_bg.png') repeat-x center top;}

.related_h {height:21px; background:url('../images/story_h.png') no-repeat; }

.related_c li {margin:0 0 -4px 0;height:32px; width:490px; background:url('../images/related.png') no-repeat; line-height:23px; padding-left:11px; overflow:hidden;}

.related_c li:hover { background-position: 0 -32px;}

.related_c li a {color:#3c3c3c; height:25px; padding-left:15px; display:block; }

.related_c li a:hover {color:#fff; text-decoration:none;}

.comments_h {height:21px; margin:5px 0 5px 4px; background:url('../images/story_h.png') no-repeat 0 -21px; }

.story_b {padding:0 0 15px 0; background:url('../images/story_bg.png') no-repeat -998px bottom;}

/* comments */

.basecomm{margin:5px -5px 0 -5px;  overflow:hidden; background: #fff url('../images/com_bg.png') repeat-x center top;}

.basecomm .dpad{padding:6px 4px;}

.basecomm .avabox{float:left; width:85px; }

.basecomm .avabox img{width:76px; padding:1px; margin:0 0 5px 0; background:#fff; border:1px solid #d8d8d8;}

.commlside{margin-left:85px; padding-right:5px;}

.comminfo{background:url('../images/dashed.png') repeat-x bottom; height:36px;}

.comminfo .linfo{float:left; font-style:italic;}

.linfo a {color:#ff0000;}

.rinfo{float:right; margin-top:4px;}

.commtext{padding:10px 0; line-height:16px;}

.commtext h3 {color:#0082cd; font-size:14px;}

.commtext h3 a {color:#0082cd; font-size:14px;}

.slink, .signature {color:#e3e3e3;}

.slink, .signature a {color:#e3e3e3;}

/* short_h_moder */

.comm_moder, .comm_moder span {display:inline; float:right;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 23px; padding: 0 0 0 12px; background: url('../images/comm_panel.png') no-repeat; }

.comm_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.comm_moder ul {margin:1px -9px; overflow:hidden;}

.comm_moder ul li {  float: left; margin: 2px 0 0 4px;}

.comm_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.comm_edit a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat 0 0;}

.comm_edit a:hover img{background-position:0 -17px;}

.comm_del a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat -17px 0;}

.comm_del a:hover img{ background-position:-17px -17px;}

.comm_compl a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat -34px 0;}

.comm_compl a:hover img{ background-position:-34px -17px;}

.comm_quote a {cursor:pointer;display:block; height:22px; width:80px; background:url('../images/comm_quote.png') no-repeat 0 0;}

.comm_quote a:hover { background-position:0 -22px;}

/* footer */

#footer {height:68px; padding:0 10px;  clear:both; background:url('../images/footer.png') no-repeat center;}

#footer_l {float:left; width:672px; padding:1px 0 0 0; overflow:hidden;}

.footer_text {font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; max-height:45px; width:533px; color:#fff; margin:0 0 0 10px; padding:12px 0 0 0;}

.footer_design {float:right; height:55px; width:129px; background:url('../images/design_sep.png') repeat-y center left;}

.footer_design a img {margin:15px 0 0 7px; width:101px; height:27px; background:url('../images/design.png') no-repeat;}

.footer_design a:hover img{opacity:0.7;}

#footer_r {float:right; width:312px; overflow:hidden; color:#fff;}

.count {margin:10px 11px 0 0;display: inline; height:36px; overflow:hidden;}

.count ul { float: right; }

.count ul li {padding:2px 0 0 0; background:url('../images/count.png') no-repeat; float: right; width: 88px; height: 36px; margin: 0 0 0 7px;}

.window {display: none; width:328px; min-height:200px;}

.window_h {height:49px;padding:0 17px; background:url('../images/window_bg.png') no-repeat;}

.window_h div { font-style:italic;font-size:14px; text-shadow: 0 1px 0 #123d5e; font-weight:bold; color:#fff; float:left; padding:25px 0 0 10px;}

.closebtn a img{margin:22px 8px 0 0;float:right; width:23px; height:24px; background:url('../images/close.png') no-repeat 0 0;}

.closebtn a:hover img { background-position: 0 -24px;}

.window_c {overflow:hidden;padding:12px 19px 0 19px; background:url('../images/window_bg.png') repeat-y -328px 0 ;}

.window_c_k {overflow:hidden; font-size: 0.9em; line-height: 1.3em; padding:20px 35px 19px 34px;background:url('../images/window_bg.png') repeat-y -328px 0 ; }

	    .window_c_k .lfield, .popsubmit { margin:0 auto; }

	    .window_c_k .lfield p {line-height:0px; margin:2px 0 9px 5px; color: #363636; font-size:12px;}

	    .window_c_k .lfield p a {line-height:2px; color: #226aa6; font-size:10px;}

	    .window_c_k .lfield div {height:38px; width:260px; background:url('../images/window_input.png') no-repeat center;}

	    .window_c_k .lfield input {margin:3px 0 0 10px; background:none; border:none;padding:0 0px;width:240px; height:22px; color:#fff;}

	    .popsubmit {display:inline;text-align: center;  margin:5px 0 0 0;}

	    .log_btn button {float:left; border:none; cursor:pointer; width:76px; height:23px; background:url('../images/log_btn.png') no-repeat 0 0;}

	    .log_btn button:hover { background-position: 0 -23px;}

	    .reg_btn a {float:right;cursor:pointer; display:block; width:109px; height:23px; background:url('../images/log_btn.png') no-repeat -76px 0;}

	    .reg_btn a:hover { background-position: -76px -23px;}

.windows_c_l {float:left; width:88px; font-size:12px; overflow:hidden;}

.window_ava img {border:1px solid#dddddd; padding:1px; max-width:92px; max-height:92px;}

.windows_c_r {float:right; width:202px; }

.windows_link {padding:0 0 0 5px; overflow:hidden;}

.windows_link li:first-child {background:none; border:none;}

.windows_link li {overflow:hidden;background:url('../images/window_link.png') repeat-x center top; height:24px; line-height:26px; padding-left:0px; border-top:1px solid #f1f1f1;}

.windows_link li a {overflow:hidden; background:url('../images/windowli.png') no-repeat 0 48%; height:25px; padding-left:15px; display:block; color:#363636;}

.windows_link li a:hover {text-decoration:none; background:url('../images/windowli.png') no-repeat 0 48%; color:#2a79b4;}

.window_b {padding:0 0 26px 0; background:url('../images/window_bg.png') no-repeat -656px bottom;}

.window_exit {margin:5px 0 0 0;}

.window_exit a {cursor:pointer; display:block;  width:69px; height:19px; background:url('../images/window_exit.png') no-repeat;}

.window_exit a:hover { background-position:0 -19px;}

.mass_comments_action {margin-top:10px; margin-left:10px; margin-right:10px; background-color: #f6f9fb; padding: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}

/* Button */ 

  .fbutton { background: url('../images/fbutton.png') 100% -24px no-repeat; border: 0; width: auto; height: 24px; padding: 0 9px 0 0; overflow: visible; }

   .fbutton:hover { background-position: right bottom; }

    .fbutton span { background: url('../images/fbutton.png')  repeat-x; display: block; line-height: 24px; padding: 0 15px 0 24px; color: #3a3a3a; text-transform: uppercase; }

	 .fbutton:hover span{ background-position: 0 -48px; }

/* forms */

.tableform { width:100%; overflow:hidden;}

  .tableform td { padding: 8px 0; line-height: 1.35em; }

  .tableform td.label { width: 19%; vertical-align: top;  padding-right: 8px; font-weight: bold; }

  .tableform td {border-bottom: 1px dotted #949494;}

  .tableform tr.flast td { padding-bottom: 0; }

  .tableform .nostylebb tr { background: none; }

  .tableform .nostylebb tr td { padding: 0; }

  .addnews { font-weight: bold; }

  .impot { color: #e5372f; font-weight: normal; }

  .checkbox { padding: 4px 0; font-size: 0.9em; color: #939393; line-height: 1em; }

    .checkbox input { margin-top: -2px; vertical-align: middle; }


.fbutton1 {

background-image: url('../images/bbcodes.png');

background-attachment: scroll;

background-repeat: repeat-x;

background-position: 0% 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: #f2f2f2;

border: 1px solid #4babc5;

color: #4f4f4f;

padding-left: 22px;

padding-right: 22px;

padding-top:  3px;

padding-bottom: 4px;

cursor: pointer;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom-right-radius: 20px;

border-bottom-left-radius: 20px;

font-weight: 350;

}

.fbutton1:hover {

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position: 0% 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: #ffffff;

}

.sub_innert{padding:0 10px; margin:5px 0; overflow:hidden}

.errors{background:url('../images/alert.png') no-repeat 0 30%;font-size:11px;padding-left:40px;padding-bottom:3px}

.errors b {color:#a1180a}

/* edit news */

  .editdate { font-size: 0.9em; text-align: right; color: #6c838e; }


/*---Userinfo---*/

    .userinfo {  }

	    .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; }

	  .userinfo .lcol {float:left; padding-right: 15px;}

    .userinfo .rcol {float:right;}

    .userinfo .lcol img {border:none;}

    .userinfo .rcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; }

    .userinfo .rcol .avatar img { width: 100px; }

    .userinfo .rcol ul { font-size: 0.9em; }

    .userinfo ul { list-style: none; margin-left: 0; }

	    .userinfo .lcol ul li { margin-bottom: 0.2em; }

	    .grey { color: #6c838e; }

				 .blue { color: #388bd4; }

.pm_title {border-bottom:1px dotted #000; padding:3px 0; font-size:14px;}

.pm_title2 {border-bottom:1px dotted #000; color:#277fbc; padding:3px 0; font-size:12px; text-align:center;}

.pm_title2 a {color:#277fbc;}

/* search */

.searchstyle { width: 480px; }

.search { font-size: 11px; }

.searchtable fieldset legend { color: #404040; }


.searchitem { font-size: 0.9em; border-bottom: 1px solid #dbe8ed; padding: 10px 0; }

#searchuser, #searchinput { width: 90% !important; }

/*---statistics---*/

.statistics { margin: 0 auto; }

  .statinn { text-align: left; }

  .statistics ul { margin-bottom: 15px; }

  .statistics ul li { position: relative; background: url("../images/dotted.png") repeat-x 0 100%; padding: 4px 0; }

  .statistics ul li b { position: absolute; right: 0; }

.blue {font-size:11px; color:#0b4986;}

.add_comm {max-width:490px; }

Вот main.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

{headers}

<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />

<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="{THEME}/js/easing.js"></script>

<script type="text/javascript" src="{THEME}/js/timers.js"></script>

<script type="text/javascript" src="{THEME}/js/script.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.galleryview-1.0.1-pack.js"></script>

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="{THEME}/style/ie.css" /><![endif]-->

<script type="text/javascript" src="{THEME}/js/jquery.jmpopups-0.5.1.js"></script>

<script type="text/javascript">

    //<![CDATA[

	  $.setupJMPopups({

	    screenLockerBackground: "#000",

	    screenLockerOpacity: "0.7"

	  });

	  function openStaticPopup() {

	    $.openPopupLayer({

		  name: "loginPopup",

		  width: 328,

		  target: "loginform"

	    });

	  }

    //]]>

</script>

</head>

<body>

{AJAX}

<div id="wrapper">

<div id="header"><div class="header">

<div id="header_h">

<div class="header_h_r">

<ul id="h_info">

<li><a href="#" class="st_icon_1" title="#"/></a></li>

<li><a href="#" class="st_icon_2" title="#"/></a></li>

<li><a href="#" class="st_icon_3" title="#"/></a></li>

</ul>

</div>

<div class="header_h_l">

<ul id="social">

<li><a href="#" class="soc_1" title="#"/></a></li>

<li><a href="#" class="soc_2" title="#"/></a></li>

<li><a href="#" class="soc_3" title="#"/></a></li>

<li><a href="#" class="soc_4" title="#"/></a></li>

</ul>

</div>

<div class="header_h_c"><div id="date"><script language="javascript" type="text/javascript" src="{THEME}/js/time.js"></script></div></div>

</div>

<div id="header_c">

<div class="header_c_r">

{login}

</div>

<div class="header_c_l">

<!-- Логотип -->

<div class="h_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt=""/></a></div>

<!-- /Логотип -->

</div>

</div>

<div id="header_b">

<div id="header_b2"><div id="header_b2"><div id="header_b2">

<div id="header_b_l">

{include file="topmenu.tpl"}

</div>

<div id="search">

<form action="" name="searchform" method="post" class="search_form">

  <input type="hidden" name="do" value="search" />

  <input type="hidden" name="subaction" value="search" />

  <div>

  <input id="story" name="story" type="text" value="Поиск" onblur="if(this.value=='')this.value='Поиск'" onfocus="if(this.value=='Поиск')this.value=''" />

  <input type="submit" />

  </div>

</form>

</div>

</div></div></div>

</div>

</div></div><!-- /header -->

<div id="cont_panel">

<div class="cont_panel_r">

<div class="cont_panel_r_r">

<div class="block_l">

<div class="block_l_b">

<div class="block_l_h"><div>Календарь добавлений</div></div>

<div class="block_l_c">

{calendar}

</div>

</div>

</div>

</div>

<div class="cont_panel_r_l">

<div class="block_r">

<div class="block_r_b">

<div class="block_r_h"><div>Последние новости</div></div>

<div class="block_r_c">

<ul class="reset lastnews">{custom category="1" template="custom" aviable="global" from="0" limit="8" cache="yes"}</ul>

</div>

</div>

</div>

</div>

</div>

<div class="cont_panel_l">

{include file="slider.tpl"}

</div>

</div><!-- /cont_panel -->

<div id="content">

<div id="content_l">

<div id="rigtcool">

{include file="side_right.tpl"}

</div>

<div id="leftcool">

{include file="side_left.tpl"}

</div>

</div><!-- /content_l -->

<div id="content_r">

{speedbar}

<div class="content_story">

{info}{content}

</div>

<!-- /center_reklam -->

</div><!-- /content_r -->

</div><!-- /content -->

<div id="footer">

<div id="footer_r">

<div class="count">

  <ul class="reset count">

    <li><!-- counter --></li>

    <li><!-- counter --></li>

	    <li><!-- counter --></li>

  </ul>

</div>

</div><!-- /footer_r -->

<div id="footer_l">

<div class="footer_design"><a href="#"><img src="{THEME}/images/spacer.gif" alt=""/></a></div>

<div class="footer_text">

© Интернет портал "БийскЪ", 2011. Все права на ресурсе защищены законодательством РФ.<br />

Копирование материалов допускается только согласно лицензионному соглашению ресурса.

</div>

</div><!-- /footer_l -->

</div><!-- /footer -->

</div><!-- /wrapper -->

</body>

</html>

Подскажите, что сделать, чтобы получить желаемый результат. Напомню, что черные блоки должны исчезать исключительно на статических страницах, на главной они должны быть.

Share this post


Link to post
Share on other sites

[aviable=static]...[/aviable]

Немного смекалки, чуть изображения дорисовать и все готово.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this