سلام
دوستان یک قالب دارم دارم که می خواهم دو موقعیت آن را طوری تنظیم کنم که اگر غیر فعال شد جای اول موقعیت بین موقعیت های دیگه تقسیم بشه
این هم اسکرین شات قالب
می خواهم دو موقعیت
left
و
midle
شرطی شوند هر کدام که غیر فعال شدند فضای خالی به متن خبر ها اضافه شوند( که فکر کنم موقعیت
content
باشه
ممنون می شوم این حالت را به این قالب اضافه کنید فایل های مرتبط به قالب هم قرار می دهم
فایل index.php
[left]<?php require_once('component.php');
?>
<body>
<?php $content= 'nomicontent' ?>
<?php $rightcon= 'rightcon2' ?>
<?php $righercol= 'righercol2' ?>
<div id="main">
<div id="header">
<div id="twd-siteTitle">
<?php echo $this->params->get('sitetitle'); ?>
</div>
<div id="date">
<?php echo JHTML::_('date', 'now' ) ?>
</div>
<div id="banner">
<jdoc:include type="modules" name="banner" style="xhtml" />
</div>
</div><!--header-->
<div id="spacerh"></div>
<div id="menu">
<jdoc:include type="modules" name="topnav" style="xhtml" />
</div><!--menu-->
<div id="flashnews">
<jdoc:include type="modules" name="flashnews" style="xhtml" />
</div>
<div id="spacerh"></div>
<div id="container">
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="fasele"></div>
<?php if ($this->countModules( 'midle' )) : ?>
<div id="midle">
<jdoc:include type="modules" name="midle" style="xhtml" />
</div>
<?php $rightcon= 'rightcon' ?>
<?php $content= 'content' ?>
<?php $righercol= 'righercol' ?>
<?php endif; ?>
<div id="fasele"></div>
<div id=<?php echo $rightcon;?>>
<div id="slidenews">
<jdoc:include type="modules" name="slide" style="xhtml" />
</div>
<div id=<?php echo $righercol; ?>>
<div id=<?php echo $content; ?>>
<jdoc:include type="component" />
</div>
<div id="fasele"></div>
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
</div><!--rightcon-->
</div><!--container-->
<div id="fasele"></div>
<div id="line"></div>
<div id="fasele"></div>
<div id="twd-bottoms">
<?php if ($this->countModules( 'bottom1' )) : ?>
<div id="twd-bottom1">
<jdoc:include type="modules" name="bottom1" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($this->countModules( 'bottom2' )) : ?>
<div id="twd-bottom2">
<jdoc:include type="modules" name="bottom2" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($this->countModules( 'bottom3' )) : ?>
<div id="twd-bottom3">
<jdoc:include type="modules" name="bottom3" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($this->countModules( 'bottom4' )) : ?>
<div id="twd-bottom4">
<jdoc:include type="modules" name="bottom4" style="xhtml" />
</div>
<?php endif; ?>
</div>
<div id="footer">
<div id="bmenu">
<jdoc:include type="modules" name="bmenu" style="xhtml" />
</div><!--bmenu-->
<div id="rights" style="text-align:center; color:#003; height:30px; width:980px ; position:relative ">
<p style="text-align:center;">طراحی از وب سایت <a href="http://takwd.ir">تک وب</a></p>
</div>
<div id="twd-right">
<p><a style="color:#fff;" href="http://takwd.ir" title="طراحی قالب سایت-تک وب دیزاین">طراحی قالب سایت : تک وب دیزاین</a>
</div>
</div><!--footer-->
</div><!--main-->
</body>
</html>[/left]
template.css
@import url(reset.css);
@import url(joomla.css);
body {
background-color: #fefefe;
font-family:Tahoma, Geneva, sans-serif;
line-height:20px;
font-size:12px;
}
a, a:visited, a:hover, a:link{
text-decoration:none}
a, a:visited,a:link {
color:#03C}
a:hover {
color:#C00}
h3 {
font-size: 11px;
font-weight: normal;
}
#main {
width:980px;
margin:0 auto;
}
#header {
background-image:url(../images/header.jpg);
background-repeat:repeat-x;
height:105px;
margin:0;
width:980px;
top:0;
position: relative;
display:block
}
#twd-siteTitle{
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
color:#000;
position:absolute;
top:40px;
right:30px;
}
#menu {
text-align: right;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: inherit;
line-height:34px;
right:0px;
top:-10px;
margin:0;}
/*border-right: 10px solid #393939;*/
/*padding: 0 0 0 5px;*/
#menu {
height: 44px;
margin:0;
background-image:url(../images/bg_nav.gif);
background-repeat:repeat-x;
background-position:top;
width:980px;
}
#menu a{
}
#menu a:hover{
}
/* end of Level 1 */
/* Level 2 Grey */
#menu ul {
}
#menu ul a{ color:#000000
}
#menu ul li{
float:right;
display:block;
font-size: 11px;
color: #000033;
text-align:center;
}
#menu ul li a{
display:block;
font-size: 11px;
width: 85px;
height: 34px;
color: #000033;
text-align:center;
padding-top:5px;
}
#menu ul li:hover {background-image: url(../images/hovermenu.png);
background-repeat:no-repeat;
color:#FFFFFF;}
#menu ul li a:hover, #menu ul li:hover span {color:#FFFFFF}
#menu h3 , #banner h3 , #flashnews h3, #bmenu h3 {
display:none}
#flashnews{
width:980px;
height:37px;
line-height:37px;
background-color:transparent;
border-bottom:1px solid #cdd5e9;
position:relative}
#container {
width:980px;
position:relative;
}
#leftcon {
width:375px;
float:left;
position: relative}
#rightcon {
float:right;
width:620px;
position:relative}
#rightcon2 {
float:right;
width:850px;
position:relative}
#righercol2 {
width:850px;
position:relative;
overflow:hidden}
#left {
width:129px;
float:left;
position:relative;
overflow:hidden}
#left h3 {
background-color:#CCC;
color:#000;
padding-right:10px;
height:25px;
line-height:25px;
margin-bottom:0;
margin-top:5px}
#leftcon2 {
width:133px;
float:left;
position:relative;
overflow:hidden}
#fasele {
width:4px;
float:left;
height:2px}
#midle {
width:224px;
float:left;
position:relative;
overflow:hidden
}
#midle h3 { background-image:url(../images/l_sar_2.gif);
background-repeat:no-repeat;
background-position:top right;
height:35px;
line-height:35px;
padding-right:20px}
#midle .moduletable ul li {
padding-right:15px;
display:block;
background-image: url(../images/arrow1.jpg);
background-repeat: no-repeat;
background-position: right center;
}
#midle .moduletable ul li:hover {
background-image: url(../images/arrow2.jpg);
background-repeat: no-repeat;
background-position: right center;
}
#right .moduletable ul li, #right .moduletable_menu ul li {
padding-right:15px;
background: url(../images/arrow1.gif) right 10px no-repeat;
display:block}
#midle .moduletable ul , #right .moduletable ul {
padding-top:10px}
#nomicontent {
width:640px ;
position:relative;
float:left;overflow:hidden;
margin-left:10px}
#slidenews , #righercol {
width:620px;
position:relative;
overflow:hidden}
#content , #links {
width:432px ;
position:relative;
float:left;overflow:hidden}
#right {
width:173px;
position:relative;
float:right;
overflow:hidden}
#line {
height:24px;
width:980px;
position:relative;
clear:both;
background-image:url(../images/line.jpg);
background-position:right top;
background-repeat:repeat-x}
#bmenu ul li {
float:right;
padding-left:10px;
padding-right:10px;
text-align:center;
background-image:url(../images/seperator.jpg);
background-position:left top;
background-repeat:no-repeat
}
#bmenu {
width:980px;
line-height:11px;
height:11px;;
font-size:10px}
#midle .moduletable {
width:224px;
padding-left:5px;
padding-right:5px;
padding-top:8px;
padding-bottom:8px; }
#right .moduletable {
width:173px;
overflow:hidden;
padding-top:8px;
padding-bottom:8px;
display:block
}
#right h3 {
background-image: url("../images/l_sar_2.gif");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
line-height: 35px;
padding-right: 20px;
}
a.readon {display:none}
.tce_plg_div {
background-color:#CCC;
border:#06C 1px solid;
color:#006;
font-weight:600;
margin:10px 0;
padding:0 10px}
.tce_plg_title {display:none}
#comments-form label, #comments-report-form label {
float:right;
color:#036;
padding-left:10px;
display:block;
width:200px;
font-family:tahoma}
#comments-form,#comments-form .btn div, #comments-report-form .btn div, #comments-form input, #comments-report-form input, #comments-form textarea , #mod_search_searchword , form , #comments .comment-author, #comments .author-homepage {
font-family:tahoma}
#comments-form textarea {
max-width: 400px;
width: 400px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}
#comments-form input.checkbox {
float:right}
#jc .rbox div {
text-align:right;
direction:rtl}
#comments-footer a , .comments-link, .readmore-link {
display:none}
.gn_static_1 {
border-bottom:#069 2px solid;
padding:1px 0;
margin:3px 0;
color:#036}
#midle ul li {
/*background-image:url(../images/arrow.png) ;
background-position:right 8px;
background-repeat:no-repeat;*/
list-style:none;
line-height:20px;
padding-right:0px; display:block}
#date{
color: #00C;
height:25px;
width:auto;
float:left;
position:relative;
top: 110px;
padding-left:20px}
#logoleft {
height:80px;
width:200px;
left:15px;
top:18px;
overflow:hidden;
position: absolute;
background-image:url(../images/logoleft.jpg)}
#logoright {
height:80px;
width:200px;
right:15px;
top:18px;
overflow:hidden;
position: absolute;
background-image:url(../images/logoright.jpg)}
#banner {
position: absolute;
width:468px;
left:253px;
height:60px;
top:26px;
}
.sectiontableheader a {
color:#FC0}
.inputbox {
font-family:tahoma}
#rights {
padding-top:10px;
clear:both;
font-size:10px}
#bmenu {
width:340px;
margin:0 auto;
height:25px;}
#twd-bottoms{
margin:auto;
width:980px;
}
#twd-bottom1{
background-color:#F8F8F8;
height:200px;
width:225px;
float:right;
overflow:hidden;
border:1px solid #999;
border-radius:8px;
padding:5px;
}
#twd-bottom2{
background-color:#F8F8F8;
height:200px;
width:225px;
float:right;
margin-right:10px;
overflow:hidden;
border:1px solid #999;
border-radius:8px;
padding:5px;
}
#twd-bottom3{
background-color:#F8F8F8;
height:200px;
width:225px;
float:right;
margin-right:10px;
overflow:hidden;
border:1px solid #999;
border-radius:8px;
padding:5px;
}
#twd-bottom4{
background-color:#F8F8F8;
height:200px;
width:225px;
float:right;
margin-right:10px;
overflow:hidden;
border:1px solid #999;
border-radius:8px;
padding:5px;
}
البته فایل ها را هم برای دانلود قرار می دهم که می توانید دانلود کنید
[ATTACH]5647[/ATTACH]
