jahan654

درخواست شرطی کردن موقعیت دو قالب

آغاز شده توسط: jahan654,

2 پست در این موضوع

ارسال شده در

سلام

دوستان یک قالب دارم دارم که می خواهم دو موقعیت آن را طوری تنظیم کنم که اگر غیر فعال شد جای اول موقعیت بین موقعیت های دیگه تقسیم بشه

این هم اسکرین شات قالب

17909312938776558585.png

می خواهم دو موقعیت

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]

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک رفع مشکلات و سوالات عمومی جوملا 1.7 و 2.5