مشکل در قالب طراحی شده وردپرس-فوتر
درود دوستان عزیز...!
من دارم یک قالب وردپرس طراحی میکنم،که الان در قسمت فوتر به مشکل برخوردم:|
در واقع وقتیmarginفوتر رو،رویautoقرار میدم فاصلش فقط از منوی های سمت چپ مناسب هست!ولی انگار اصلا منوی اصلی(Content)رو حساب نمیکنه:|
و میره زیرش!!!
این عکس رو ببینید:
(پیوست شد!)
در واقع فوتر بایدپایین مطالب قرار بگیره اما اینطور نیست:|
قالب روی لوکال هاست هست و الان روی سایت زنده درست نمایش داده نمیشه!
اما با این حال خواهشمندم اگه کمکی از دستتون بر میاد دریغ نکنید.:40:
این هم کد ایندکس قالب:
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title><?php bloginfo('name'); ?></title><link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" /></head>
<body>
<div id="main">
<div id="header">
<img src="<?php bloginfo('template_url'); ?>/images/Copy%20of%20Header.png" width="614" height="169" /></div>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="content">
<div class="content_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div>
<div class="content_text">
<?php the_content(); ?>
</div>
<div class="content_detail">
<table cellpadding="0" cellspacing="0"><tr>
<td> توسط:<?php the_author(); ?></td><td>تاریخ:<?php the_time('y-m-d') ?></td>
<td class="coment">
<a href="#"><?php comments_popup_link(); ?></a>
</td>
</tr>
</table>
</div>
</div>
<?php endwhile; ?> <?php endif; ?> <div class="menu"> <div class="menu_title"> منوی اصلی </div>
<ul class="mainmenu">
<li><a href="#">صفحه نخست</a></li><li><a href="#">تماس با ما</a></li><li><a href="#">درباره ما</a></li>
</ul>
</div>
<div class="menu"> <div class="menu_title"> موضوعات سایت </div> <div class="nanamana"> <?php the_category(', ') ?> </div> </div> <div class="menu"> <div class="menu_title"> پیوند ها </div> <?php get_links_list(); ?> </div> <div id="footer"> Design By:Amirashkan...! <br /> Powered By: WordPress </div> </div> </div>
</div>
</body></html>
[/PHP]
این هم کد استایل:
کد:
body{background-image:url(images/BackGroun.png);font-family:B yekan;
}
#main
{
padding:0px;
margin:0px;
overflow:hidden;
width: 621px;
background-color:#ececec;
margin:auto;
}
#header
{
padding-left: 3px;
padding-top: 2px
}
.menu
{
width: 186px;
height: auto;
background-image:url(images/RightMenu.png);
margin-left:4px;
margin-top:6px;
border-radius:10px;
-moz-border-radius:10px;
box-shadow: 0px 0px 7px #A5A5A5;
}
.content
{
width:420px;
height:auto;
float:right;
margin-top:6px;
margin-right:3px;
background-color:#e4e4e4;
box-shadow:inset 0 0 8px #000000;
border-radius:10px;
}
.menu_title
{
text-shadow: 0.1em 0.1em 0.2em black;
color:#FFF;
text-align:center;
border-bottom:solid 1px #000
}
.content_title a:link , .content_title a:visited
{
text-shadow: 0.1em 0.1em 0.2em black;
color:#FFF;
text-align:right;
margin-right:5px;
margin-top:2px;
text-decoration:none;
}
.content_title
{
margin-top:2px;
margin-bottom:2px;
border-bottom:solid 1px #000;
text-align:right;
}
.content_text
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#333;
text-align:right;
direction:rtl;
padding-bottom:8px;
padding-top:8px;
padding-left:12px;
padding-right:12px;
}
.content_detail
{
width:400px;
height:15px;
background-color:#009af2;
box-shadow:inset 0 0 24px #000000;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#FFF;
float:right;
margin-right:10px;
margin-bottom:10px;
text-align:right;
direction:rtl;
border-radius:2px;
}
#footer
{
width:621;
height:63px;
background-image:url(images/Footer.png);
border-top-left-radius: 15px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0px;
font-family:Harabara;
text-align:center;
text-shadow: 0.1em 0.1em 0.2em black;
color:#FFF;
margin-top:auto;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}
#footer:hover
{
width:621;
height:63px;
background-image:url(images/Footer.png);
border-top-left-radius: 0px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 15px;
font-family:Harabara;
text-align:center;
text-shadow: 0.1em 0.1em 0.2em black;
color:#FFF;
margin-top:auto;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}
td
{
padding-left:60px;
padding-right:7px;
}
.coment a:link , a:visited
{
text-decoration:none;
color:#FFF;
}
/*--------------------Left Menu Css Style!--------------------------*/
.menu
{
font:11px Tahoma;
text-align:right;
}
.menu a
{
text-decoration:none;
color:#FFF
}
.mainmenu
{
list-style:none;
direction:rtl;
font: 12px Tahoma;
}
.mainmenu li
{
margin-top:5px;
padding-bottom:10px;
}
.mainmenu li a
{
text-decoration:none;
}
li
{
font:12px Tahoma ;
list-style:none;
direction:rtl;
}
.linkcat h2
{
display:none;
}
.linkcat ul li
{
padding-bottom:10px;
padding-top:1px;
}
.nanamana
{
padding-bottom:10px;
padding-right:10px;
padding-top:10px;
}
دوستان خواهش میکنم راهنماییم کنید...مرسی:39:
