нужна ваша помощь.
нужно в боковых колонках добавить вертикальные линии на всю длину колонки (независимо от количества модулей 1 или больше) как показано здесь:
--------------------------------------------------------------
[i]@charset "utf-8";
/* CSS Document for JP Default Template 1.5 */
/* Default HTML Styles */
*{
padding:0px;
margin:0px;
}
html{
font-size:100%;
height:100%;
margin:0px 0px 1px 0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
line-height:1.6em;
background:url('../images/theme1/bkgd-2.jpg') no-repeat 0px 0px;
color:#333333;
}
.moduletable table.contentpaneopen{
border-collapse:collapse;
}
img{
border: none;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin: 0.5em 0;
}
li, dd, ul, ol {
margin-left:1em;
}
ul{
list-style:square;
}
fieldset {
padding:.5em;
border:0px;
}
a{
text-decoration:none;
color:#0000FF;
}
a:hover{
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, .componentheading, .contentheading, .contentdescription{
font-weight:bold;
}
h1, .componentheading{
font-size:1.7em;
line-height:1.7em;
border-bottom:1px solid #CCCCCC;
}
h2, .contentheading{
color:#3399FF;
font-size:1.5em;
line-height:1.5em;
border-bottom:1px solid #CCCCCC;
}
h3, .contentdescription{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer, .small, .createdate, .modifydate, .mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
/* Layout Styles */
.inside{
padding:1em;
}
.clr{
clear:both;
}
#wrapper{
width:850px;
margin:0 auto;
}
#header{}
#logo{
float:left;
display:block;
width:850px;
height:135px;
background:url('../images/theme1/bkgd-top-4.jpg') no-repeat 0px 0px;
}
#toolbar{
float:right;
overflow:hidden;
font-size:0.9em;
padding:5px 0px;
}
#navigation{
background:url('../images/theme1/navigation-yy.png') repeat-x 0px 0px;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:2px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:4px
}
#menu{
float:left;
}
#search{
float:right;
}
#banner{}
#container{
border:1px solid #CCCCCC;
background:#FFFFFF url('../images/theme1/container-seperator.png') repeat-y 20% 0px;
overflow:hidden
}
#container-inner{
background:url('../images/theme1/container-seperator.png') repeat-y 80% 0px;
overflow:hidden
}
#mainbody{
float:left;
width:80%;
overflow:hidden;
}
#content{
float:right;
width:75%;
overflow:hidden;
}
#sidebar{
width:24%;
float:left;
overflow:hidden;
}
#sidebar a:link, #sidebar a:active, #sidebar a:visited{}
#sidebar2{
float:right;
width:20%;
overflow:hidden;
}
#top{}
#footer{
padding:10px 0px;
}
#bottom{
border-top:1px solid #CCCCCC;
}
#copy{
float:left;
width:40%;
}
#link{
float:right;
width:45%;
text-align:right;
}
#debug{
background:#FFFFFF;
padding:20px;
overflow:scroll;
margin:0px 0px 15px 0px;
}
/* Menu Styles */
#toolbar ul{
padding:0px;
margin:0px;
list-style:none;
}
#toolbar li{
padding:0px;
margin:0px;
list-style:none;
display:inline;
}
#toolbar a:link, #toolbar a:active, #toolbar a:visited{
color:#000000;
display:block;
float:left;
padding:7px 10px;
}
#toolbar a:hover, #toolbar #current a{
color:#000000;
}
#navigation ul{
padding:0px;
margin:0px;
list-style:none;
}
#navigation li{
padding:0px;
margin:0px;
list-style:none;
display:inline;
}
#navigation a:link, #navigation a:active, #navigation a:visited{
color:#000000;
font-weight:bold;
display:block;
margin-top:4px;
float:left;
background:url('../images/theme1/nav-seperator.png') no-repeat 100% 0px;; padding-left:10px; padding-right:12px; padding-top:3px; padding-bottom:6px
}
#navigation a:hover, #navigation #current a{
color:#7A5A05;
text-decoration:none;
}
#link ul{
padding:0px;
margin:0px;
list-style:none;
}
#link li{
padding:0px;
margin:0px;
list-style:none;
display:inline;
}
#link a:link, #link a:active, #link a:visited{
color:#999999;
padding:0px 10px;
}
#link a:hover, #link #current a{
color:#000000;
}
/* Custom Joomla Styles */
/* Moduletables */
div.moduletable, div.moduletable_menu, div.moduletable_text{
margin:0px 0px 1em 0px;
padding:10px;
}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3{
font-size:1em;
line-height:1em;
font-weight:normal;
}
#sidebar div.moduletable h3, #sidebar div.moduletable_menu h3, #sidebar div.moduletable_text h3{
color:#000000;
background:#333333 url('../images/theme1/heading.png') repeat-x 0px 0px;
padding:5px;
margin-left:-10px; margin-right:-10px; margin-top:-10px; margin-bottom:10px
}
#sidebar2 div.moduletable h3, #sidebar2 div.moduletable_menu h3, #sidebar2 div.moduletable_text h3{
color:#000000;
background:#990000 url('../images/theme1/heading2.png') repeat-x 0px 0px;
padding:5px;
margin-left:-10px; margin-right:-10px; margin-top:-10px; margin-bottom:10px
}
#bottom .moduletable h3{
color:#3399FF;
font-size:1.3em;
}
/* Menu Module */
div.moduletable_menu ul{
margin:0px;
padding:0px;
list-style:none;
}
div.moduletable_menu li{
margin:0px;
padding:0px;
list-style:none;
}
div.moduletable_menu a:link, div.moduletable_menu a:active, div.moduletable_menu a:visited{
color:#999999;
display:block;
border-bottom:1px solid #CCCCCC;
background:url('../images/theme1/menu.png') no-repeat 100% 50%;; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
div.moduletable_menu a:hover, div.moduletable_menu li.active a{
color:#3399FF;
background:url('../images/theme1/menu-active.png') no-repeat 100% 50%;
}
div.moduletable_menu ul ul{
color:#999999;
margin:0px 0px 10px 10px;
padding:0px;
list-style:square;
}
div.moduletable_menu ul ul li{
list-style:square;
margin:0px 0px 0px 10px;
}
div.moduletable_menu ul ul a:link, div.moduletable_menu ul ul a:active, div.moduletable_menu ul ul a:visited{
border:medium none;
color:#999999;
background-image:url('none');
}
/* Search Module */
#search form{
padding:8px;
margin:0px;
}
#search #mod_search_searchword{
padding:2px;
border:1px solid #333333;
background:#FFFFFF url('../images/search.png') no-repeat 100% 0px;
}
/* Content */
.button{
color:#666666;
background:#EEEEEE url('../images/theme1/button.png') repeat-x 0px 0px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
cursor:pointer;
margin:5px 0px; padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px
}
.readon, .modal-button, .readmore a{
color:#666666;
background:#EEEEEE url('../images/theme1/button.png') repeat-x 0px 0px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
cursor:pointer;
margin:5px 0px;
float:left;
display:block; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px
}
.contentpaneopen{
width:100%;
}
.article_column{
padding-right:5px;
}
.column_separator{
padding-left:5px;
}
.contenttoc{
width:40%;
margin:0px 0px 15px 15px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background:#FFFFFF;
}
.contenttoc th{
color:#FFFFFF;
background:#333333 url('../images/theme1/heading.png') repeat-x 0px 0px;
text-align:left;
font-weight:normal; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px
}
.contenttoc .toclink{
display:block;
border-bottom:1px solid #CCCCCC;
background:url('../images/theme1/menu.png') no-repeat 98% 50%;; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
.pagenavbar{
text-align:center;
background:#F7F7F7;
padding:3px;
border:1px solid #CCCCCC;
}
.blog_more{
padding:10px;
border:1px solid #CCCCCC;
margin:10px 0px;
}
#message {}
.contentpane a.category, a.category{}
.contentpane form table{
width:100%;
}
.contentpane .contentdescription{
color:#666666;
padding:10px 0px;
}
.contentpane .sectiontableheader{
font-weight:bold;
text-align:left;
padding:10px 3px;
border-top:1px solid #EEEEEE;
background:#F7F7F7;
}
.contentpane tr.sectiontableentry1 td{
text-align:left;
padding:10px 3px;
border-top:1px solid #EEEEEE;
}
.contentpane tr.sectiontableentry1 td a{}
.contentpane tr.sectiontableentry2 td{
text-align:left;
padding:10px 3px;
border-top:1px solid #EEEEEE;
}
.contentpane tr.sectiontableentry2 td a{}
/* Login Module */
#form-login ul{
padding:0px;
margin:0px;
list-style:none;
}
#form-login li{
padding:0px;
margin:0px;
list-style:none;
}
#form-login ul a{
color:#999999;
display:block;
border-bottom:1px solid #CCCCCC;
background:url('../images/theme1/menu.png') no-repeat 100% 50%;; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
#form-login ul a:hover{
color:#3399FF;
background:url('../images/theme1/menu-active.png') no-repeat 100% 50%;
}
#modlgn_username, #modlgn_passwd, #mod_login_username, #mod_login_password{
width:95%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#EEEEEE 1px solid;
border-bottom:#EEEEEE 1px solid;
padding:5px;
}
/* Polls Module */
.pollstableborder{
width:100%;
border-collapse:collapse;
margin:0px 0px 10px 0px;
}
.poll thead{
font-weight:bold;
}
.poll thead td{
padding:5px;
border-bottom:1px solid #CCCCCC;
}
.pollstableborder td{
vertical-align:middle;
padding:3px;
}
.pollstableborder .sectiontableentry1{
text-align:left;
border-bottom:1px solid #CCCCCC;
}
.pollstableborder td.sectiontableentry2{
text-align:left;
border-bottom:1px solid #CCCCCC;
}
/* Banner Text Ad Module */
.moduletable_text .bannerheader{
display:block;
font-weight:bold;
border-bottom:1px solid #CCCCCC;
padding:5px;
}
.moduletable_text .banneritem_text{
padding:10px 0px 10px 0px;
border-bottom:1px solid #CCCCCC;
}
/* Banner Module */
#bottom .bannergroup{
text-align:center;
}
/* Contact Form */
#emailForm{
padding:15px;
border:1px solid #EEEEEE;
background:#F7F7F7;
}
#emailForm #contact_name, #emailForm #contact_email, #emailForm #contact_subject, #emailForm #contact_text{
width:95%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#EEEEEE 1px solid;
border-bottom:#EEEEEE 1px solid;
padding:5px;
}
#emailForm label {
font-weight:bold;
}
/* System Messages */
#system-message {
margin-bottom: 0px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0; font-weight: bold; text-indent: 30px;
}
#system-message dd ul {
color: #0055BB;
margin: 0px;
padding: 10px;
background: #D8E5F8 url('../images/status-info.png') no-repeat 10px 50%;
border-top: 3px solid #629DE3;
border-bottom: 3px solid #629DE3; list-style-type:none
}
#system-message dt.message {
display: none;
}
#system-message dd.message {}
#system-message dt.error {
display: none;
}
#system-message dd.error ul {
color: #c00;
margin: 0px;
background: #FFD6D6 url('../images/status-alert.png') no-repeat 10px 50%;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B; list-style-type:none
}
#system-message dt.notice {
display: none;
}
#system-message dd.notice ul {
color: #DCA33C;
margin: 0px;
background: #FEF6D8 url('../images/status-note.png') no-repeat 10px 50%;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E; list-style-type:none
}
/*Typography Styles*/
blockquote {
padding:10px 0px 10px 50px;
}
blockquote .close {
padding:10px 50px 10px 0px;
}
pre {
font-size:1em;
padding:10px;
}
span.alert, span.info, span.download, span.note {
display: block;
padding: 10px 10px 10px 45px;
margin: 15px 0;
}
ul.bullet1, ul.bullet2, ul.bullet3, ul.bullet4{
padding-left: 10px;
margin-left: 0;
}
ul.bullet1 li, ul.bullet2 li, ul.bullet3 li, ul.bullet4 li{
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 24px;
}
blockquote {
background: #F8F8F8 url('../images/quoteopen.png') no-repeat 0px 0px;
}
blockquote .close {
background:url('../images/quoteclose.png') no-repeat 100% 100%;
}
pre {
background-color:#F8F8F8;
}
span.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url('../images/status-alert.png') no-repeat 10px 50%;
}
span.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url('../images/status-info.png') no-repeat 10px 50%;
}
span.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url('../images/status-note.png') no-repeat 10px 50%;
}
span.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url('../images/status-download.png') no-repeat 10px 50%;
}
ul.bullet1 li {
background: url('../images/bullet1.png') no-repeat 4px 4px;
}
ul.bullet2 li {
background: url('../images/bullet2.png') no-repeat 4px 4px;
}
ul.bullet3 li {
background: url('../images/bullet3.png') no-repeat 4px 4px;
}
ul.bullet4 li {
background: url('../images/bullet4.png') no-repeat 4px 4px;
[/i]
}
--------------------------------------------------------------
-----------------------------------------------------
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<?php if ( $my->id ) : initEditor(); endif; mosShowHead();
// _____________________________________________________________________________________________
//
// Change this variables below to switch JoomlaPraise template properties
// _____________________________________________________________________________________________
//
$defaultStyle = "theme1"; // theme1 | theme2 | theme3
$customWidth = "850px"; // choose the custom width of your template (example: 960px | 760px | 80%)
$headerColor = ""; // choose a custom heading color (example: 333333 | 567890)
$fontColor = "990000"; // choose a custom font color (example: 333333 | 567890)
$linkColor = ""; // choose a custom link color (example: 333333 | 567890)
$linkhoverColor = ""; // choose a custom link hover color (example: 333333 | 567890)
$backgroundColor = ""; // choose a custom background color (example: 333333 | 567890)
// _____________________________________________________________________________________________
$editmode = false; if ( !empty( $_REQUEST['task']) && $_REQUEST['task'] == 'edit' ) : $editmode = true; endif;?>
<meta http-equiv="Content-Type" content="text/html;<?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/$defaultStyle.css\" type=\"text/css\"/>" ; ?>
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.gif\" />" ; ?>
<!--[if IE 6]>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/ie.css\" type=\"text/css\"/>" ; ?>
<![endif]-->
<!--[if IE 7]>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/ie.css\" type=\"text/css\"/>" ; ?>
<![endif]-->
<!-- PNG FIX -->
<!--[if IE 6]>
<style type="text/css">img { behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/iepngfix.htc); }</style>
<![endif]-->
<?php if ((mosCountModules( 'right' ) == 0 && mosCountModules( 'left' ) == 0)) { ?>
<style type="text/css">#mainbody{width:100%;}#content{width:100%}#container{background-image:none;} #container-inner{background-image:none;} </style>
<?php } ?>
<?php if ((mosCountModules( 'right' ) == 0 && mosCountModules( 'left' ) >= 1)) { ?>
<style type="text/css">#container-inner{background-image:none;} #mainbody{width:100%;} #content{width:80%;} #sidebar{width:20%;}</style>
<?php } ?>
<?php if ((mosCountModules( 'right' ) >= 1 && mosCountModules( 'left' ) == 0)) { ?>
<style type="text/css">#container{background-image:none;}#content{width:100%;} </style>
<?php } ?>
<?php if($customWidth != "") { ?>
<style type="text/css"> #wrapper{width:<?php echo $customWidth; ?>;}</style>
<?php } ?>
<?php if($headerColor != ""){ ?>
<style type="text/css"> .componentheading, .contentheading, h1, h2, h3{color:#<?php echo $headerColor; ?>;} </style>
<?php } ?>
<?php if($fontColor != ""){ ?>
<style type="text/css"> body {color:#<?php echo $fontColor; ?>;} </style>
<?php } ?>
<?php if($linkColor != ""){ ?>
<style type="text/css"> a{color:#<?php echo $linkColor; ?>;} </style>
<?php } ?>
<?php if($linkhoverColor != ""){ ?>
<style type="text/css"> a:hover{color:#<?php echo $linkhoverColor; ?>;} </style>
<?php } ?>
</head>
<?php if($backgroundColor == ""){ ?>
<body>
<?php }
else { ?>
<body style="background-color:#<?php echo $backgroundColor; ?>;">
<?php } ?>
<div id="wrapper">
<div id="header">
<a href="<?php echo $mosConfig_live_site; ?>" title="<?php echo $mosConfig_sitename; ?>" id="logo"></a>
<?php if (mosCountModules('user1')) { ?>
<div id="toolbar">
<?php mosLoadModules ( 'user1', -1 ); ?>
</div>
<?php } ?>
<div class="clr"></div>
</div>
<?php if ((mosCountModules('user2')) || (mosCountModules('user3'))) { ?>
<div id="navigation">
<?php if (mosCountModules('user2')) { ?>
<div id="menu">
<?php mosLoadModules ( 'user2', -1 ); ?>
</div>
<?php } ?>
<?php if (mosCountModules('user3')) { ?>
<div id="search">
<?php mosLoadModules ( 'user3', -1 ); ?>
</div>
<?php } ?>
<div class="clr"></div>
</div>
<?php } ?>
<div id="container">
<div id="container-inner">
<div id="mainbody">
<div id="content">
<?php if (mosCountModules('top')) { ?>
<div id="top">
<div class="inside">
<?php mosLoadModules ( 'top', -2 ); ?>
</div>
</div>
<?php } ?>
<div class="inside">
<?php mosMainBody(); ?>
<?php if (mosCountModules('bottom')) { ?>
<div id="bottom">
<?php mosLoadModules ( 'bottom', -2 ); ?>
</div>
<?php } ?>
</div>
</div>
<?php if (mosCountModules('left')) { ?>
<div id="sidebar">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
<?php } ?>
<div class="clr"></div>
</div>
<?php if (mosCountModules('right')) { ?>
<div id="sidebar2">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<div id="footer">
<div id="copy">
© <?php echo mosCurrentDate( '%Y' ); ?> <?php echo $mosConfig_sitename; ?>
</div>
<?php if (mosCountModules('user4')) { ?>
<div id="link">
<?php mosLoadModules ( 'user4', -2 ); ?>
</div>
<?php } ?>
<div class="clr"></div>
</div>
<?php if (mosCountModules('debug')) { ?>
<div id="debug">
<?php mosLoadModules ( 'debug', -2 ); ?>
</div>
<?php } ?>
<div class="inside" style="padding:10px;"></div>
</div>
</body>
</html>
----------------------------------------------------
Спасибо, если кто может помочь, ну, и всем, кто посмотрел.
12.10.2016, 17:07:41