مسعود

کد css چیدمان خاص موقعیت های قالب

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

سلام

چطور میشه همچین چیدمانی رو تو قالب طراحی کرد ؟

[ATTACH=CONFIG]6106[/ATTACH]

می خوام اگر یکی از موقعیت های راست یا چپ وجود نداشت ، موقعیت content جاش رو پر کنه.

موقعیت app هم جاش ثابت باشه

Share this post


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

درود

دایو بندی اون به صورت زیر می باشد.سپس در css برای هر کدام float:right باید قرار بدید

<div id="center">

<?php if ($this['modules']->count('right')) : ?> <div id="right">
<jdoc:include type="modules" name="right"  />
</div> <?php endif; ?>

<?php if ($this['modules']->count('app')) : ?> <div id="app">
<jdoc:include type="modules" name="app"  />
</div> <?php endif; ?>

<?php if ($this['component']->count('comment')) : ?> <div id="comment">
<jdoc:include type="component" />
</div> <?php endif; ?>

<?php if ($this['modules']->count('left')) : ?> <div id="left">
<jdoc:include type="modules" name="left"  />
</div> <?php endif; ?>

</div>

ویرایش شده در توسط amirparvaneh

Share this post


Link to post
Share on other sites
دایو بندی اون به صورت زیر می باشد.سپس در css برای هر کدام float:right باید قرار بدید

اینطوری جواب نمیده. زیر هم می افته.

می خوام کاری کنم که با توجه به بودن یا نبودن موقعیت های راست و چپ ، عرض contents تغییر کنه.

Share this post


Link to post
Share on other sites

محل موقعیت هام درست شد

<div id="center">

		<?php if($this->countModules('right')) : ?>        	
           <div id="right">
           	<jdoc:include type="modules" name="right" style="xhtml" />
       	</div><!-- end right -->
		<?php endif; ?>

           <?php if($this->countModules('left')) : ?>        	
       	<div id="left">
               <jdoc:include type="modules" name="left" style="xhtml" />
       	</div><!-- end left -->
           <?php endif; ?>

           <?php if($this->countModules('app')) : ?>        	
       	<div id="app">
               <jdoc:include type="modules" name="app" style="xhtml" />
       	</div><!-- end app -->
           <?php endif; ?>

           <div id="contents">
           	<jdoc:include type="component" />
       	</div><!-- end contents -->

       </div><!-- end center -->

#right {
float:right;
width:240px;
border:3px outset #FFF;
height:auto;
margin:5px 0 5px 5px;

}

#app {
width:517px;
margin:5px 250px 5px 250px;

}

#contents{

width:517px;
border:3px outset #FFF;
margin:7px auto 7px;
}


#left {
float:left;
width:240px;
border:3px outset #FFF;
margin:5px 5px 5px 0;
}

حالا چکار کنم که اگر یکی از موقعیت های left یا right و یا هر دوشون وجود نداشتن ، اندازه موقعیت contents زیاد بشه و جای موقعیتی که نیست رو پر کنه ؟

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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