(92-11-3، 02:34 صبح)ipry نوشته است: کد قالب رو بزارید چک کنیم..
![نام فایل: template_preview.jpg
اندازه: 282.41 KB
92-11-3، 11:52 صبح](attachment.php?thumbnail=2706)
این عکس قالبی هست که دارم طراحی میکنم
داخل دایو فوتر همونطور که گفتم سه تا دایو دیگه اس که شامل فرم سفارش و فرم عضویت و شبکه های اجتماعی هست این هم کدای css اشون:
دایو کلی فوتر:
#footer{ background-image:url(../images/footer.png);
height:408px;
text-align:right;
text-align:justify;
}
دایو فرم سفارش:
#bottom1
{ width:350px;
height:300px;
float:left;
font-size:12px;
position:relative;
top:55px;
left:135px;
}
دایو شبکه های اجتماعی:
#social{
width:200px;
height:35px;
float:left;
position:relative;
top:350px;
left:-205px;
}
دایو فرم عضویت:
#bottom2
{
width:300px;
height:300px;
float:right;
font-size:12px;
position:relative;
top:130px;
right:140px;}
#p{font-family:B nazanin;
font-size:13px;
color:#ffffff;
text-align:center;
position:relative;
left:45px;
top:370px;
}
در ضمن تگ content که مطالب توشون قرار میگیره داخل تگ main هست و تگ main هم قبل فوتر بسته میشه، یعنی در واقع اصلا فوتر نباید تاثیری از content داشته باشه
این هم کدای کلی html :
<body>
<div id="main">
<div id="mainmenu"> <jdoc:include type="modules" name="mainmenu" style="xhtml" />
<div id="logo">
<jdoc:include type="modules" name="logo" style="xhtml" />
</div>
<div id="sociall">
<jdoc:include type="modules" name="sociall" style="xhtml" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/fbb_04.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/kk_04.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/tww_04.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/v_04.png" />
</div>
<div id="menubar">
<jdoc:include type="modules" name="menubar" style="xhtml" />
</div>
</div> <!--end mainmenu-->
<div id="header">
<jdoc:include type="modules" name="head" style="xhtml" />
</div>
<div id="menubar2">
<jdoc:include type="modules" name="menubar2" style="xhtml" />
<div id="back">
<jdoc:include type="modules" name="back" style="xhtml" /> </div>
</div><!--end menubar 2-->
<div id="content">
<jdoc:include type="component" />
</div><!--end content-->
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div><!--end main-->
<div id="footer"> <jdoc:include type="modules" name="footer" style="xhtml" />
<div id="bottom1"> <jdoc:include type="modules" name="bottom1" style="xhtml" /> </div>
<div id="bottom2"> <jdoc:include type="modules" name="bottom2" style="xhtml" /> </div>
<div id="social">
<jdoc:include type="modules" name="social" style="xhtml" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/tw_06.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/fb_06.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/feed_06.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/google_06.png" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/d_06.png" />
</div>
<p id="p">
<?php echo JText::_('aaaaaaaaaaaaaaaaaaaaaaaa'); ?>
</p>
</div><!--end footer-->
</body>
کدایcss دایو content و main:
#content{color:#000000;
font-family:B nazanin;
font-size:12px;}
#main {
width: 1263px;