من خبرنامه سایتم رو با این کدها ساختم:
html:
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>جدیدترین و بروزترین مطالب سایت را در ایمیل خود داشته باشید.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=1arc" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=1arc', 'popupwindow', 'scrollbars=yes,width=620,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="1arc" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="ایمیل خود را وارد نمائید :)" required="required"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ثبت عضویت !" /></form></div></div></div>
<strong>css:</strong>
#sidebar-subscribe-box{background:url(http://1arc.ir/wp-content/uploads/site-tools/colored-strip.png) repeat scroll 0 0 transparent;-moz-box-shadow:0 5px 5px -5px #999;-webkit-box-shadow:0 5px 5px -5px #999;box-shadow:0 5px 5px -5px #999;border:1px solid #aaa;border-radius:5px;padding:5px 0}.sidebar-subscribe-box-wrapper{background:url(http://1arc.ir/wp-content/uploads/site-tools/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1arc.ir/wp-content/uploads/site-tools/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}
منتها یه مشکل دارم. خبرنامه سایتم به جای اینکه این شکلی در بیاد:
http://8pic.ir/images/kgjsh4iazv47dh38dhdk.png
این شکلی میشه و نوار کناریش نمیاد:
http://8pic.ir/images/fp2joc409uuwnyxjqmpt.png
قالب سایتم hueman هستش.
اینارو میذارم شاید کمکی بکنه:
این فایل rtl.css قالبم:
@font-face {
font-family: 'WYekan';
src: url('fonts/WebYekan.eot');
src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'),
url('fonts/WebYekan.woff') format('woff'),
url('fonts/WebYekan.ttf') format('truetype'),
url('fonts/WebYekan.svg#WebYekan') format('svg');
font-weight: normal;
font-style: normal;
unicode-range: U+0600–06FF;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{font-family:WYekan;}
body{font-family:WYekan;}
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{font-family:WYekan;}
input[type="submit"]{font-family:WYekan;}
.featured-box h3{font-family:WYekan;}
#featured-boxs h2{font-family:WYekan;}
.postmetadata{font-family:WYekan;}
#commentsbox .watermark{font-family:WYekan;}
table, caption, tbody, tfoot, thead, tr, th, td{font-family:WYekan;}
.toggle-search
{
left: 0;
right: auto;}
.search-expand {
right: auto;
left: 0;}
.site-title {
float: right;}
.site-description {
float: right;
margin-right: 20px;
margin-left: 0;}
.nav ul {
left: auto;
right: 0;}
.nav ul ul {
right: 180px;
left:0;}
.sidebar-top p {
float: right;}
.social-links {
float: left;}
.flex-viewport {
direction: ltr;}
.last {
clear: left;}
.grid {
float: right;}
.heading i {
margin-left: 6px;
margin-right: 0;}
#nav-footer .nav ul {
text-align: right;}
.comment-tabs li {
float: right;}
.comment-tabs li i {
margin-left: 6px;
margin-right: 0;}
.comment-tabs li span {
margin-right: 8px;
margin-left: 0;}
.commentlist .comment-author, .commentlist .comment-meta, .commentlist .comment-awaiting-moderation {
float: right;}
.commentlist .avatar {
left: auto;
right: 0;}
.page-title .meta-single li {
float: right;
margin-left: 14px;
margin-right: 0;}
.page-title .meta-single li.comments {
float: left;
margin-left: 0;
margin-right: 0;}
.wp-pagenavi span.pages:before {
margin-left: 6px;
margin-right: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
direction: rtl;}
.page-title i {
margin-left: 8px;
margin-right: 0;
}
.social-links li {
display: inline-block;
margin-right: 8px;
margin-left: 0;}
.alx-tab .tab-item-thumbnail {
width: 80px;
margin-right: -94px;
margin-left: 0;
float: right;}
.alx-tab.thumbs-enabled li {
padding-right: 94px;
padding-left: 0;}
.alx-tab.avatars-enabled li {
padding-right: 62px;
padding-left: 0;}
.alx-tab .tab-item-avatar {
margin-right: -62px;
margin-left: 0;
float: right;}
.post-meta .post-category {
float: right;
margin-left: 6px;
margin-right: 0;}
.post-meta .post-date {
float: right;}
screen and (max-width: 719px)
.nav ul {
margin-right: 40px;
margin-left: 0;}
.notebox:before {
right: 13px;
left: auto;}
.notebox:after {
right: 15px;
left: auto;}
.post-comments i {
margin-left: 3px;
margin-right: 0;
}
.entry.share {
padding-left: 100px;
padding-right: 0;}
.sharrre-container {
float: left;
margin-left: -100px;
margin-right: 0;
top: inherit !important;}
.entry.share .entry-inner {
float: right;}
.related-posts li {
float: right;}
.fa-hand-o-right:before {
content: "\f0a5";}
.format-gallery .post-format .flexslider .flex-control-nav {
direction: ltr;}
.commentlist .comment-author {
margin-left: 6px;
margin-right: 0;}
.commentlist li, .pinglist li {
padding-right: 60px;
padding-left: 0;}
.commentlist .avatar {
position: absolute;
left: 0;
right: -60px;}
#header-ads {
float: left;}
only screen and (max-width: 719px)
.nav ul {
margin-right: 40px;
margin-left:0;}
.alx-tabs-nav li {
float: right;}
---------
#sidebar-subscribe-box{background:url(http://1arc.ir/wp-content/uploads/site-tools/colored-strip.png) repeat scroll 0 0 transparent;-moz-box-shadow:0 0px 0px -0px #999;-webkit-box-shadow:0 0px 0px -0px #999;box-shadow:0 0px 0px -0px #999;border:1px solid #aaa;border-radius:5px;padding:5px 0}.sidebar-subscribe-box-wrapper{background:url(http://1arc.ir/wp-content/uploads/site-tools/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1arc.ir/wp-content/uploads/site-tools/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}
---------
اینم فایل Single.php قالبم:
<?php get_header(); ?>
<section class="content">
<?php get_template_part('inc/page-title'); ?>
<div class="pad group">
<?php while ( have_posts() ): the_post(); ?>
<article <?php post_class(); ?>>
<div class="post-inner group">
<h1 class="post-title"><?php the_title(); ?></h1>
<p class="post-byline"><?php _e('by','hueman'); ?> <?php the_author_posts_link(); ?> · <?php the_time(get_option('date_format')); ?></p>
<?php if( get_post_format() ) { get_template_part('inc/post-formats'); } ?>
<div class="clear"></div>
<div class="entry <?php if ( ot_get_option('sharrre') != 'off' ) { echo 'share'; }; ?>">
<div class="entry-inner">
<?php the_content(); ?>
<?php wp_link_pages(array('before'=>'<div class="post-pages">'.__('Pages:','hueman'),'after'=>'</div>')); ?>
</div>
<?php if ( ot_get_option('sharrre') != 'off' ) { get_template_part('inc/sharrre'); } ?>
<div class="clear"></div>
</div><!--/.entry-->
</div><!--/.post-inner-->
</article><!--/.post-->
<?php endwhile; ?>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>جدیدترین و بروزترین مطالب سایت را در ایمیل خود داشته باشید.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=1arc" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=1arc', 'popupwindow', 'scrollbars=yes,width=620,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="1arc" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="ایمیل خود را وارد نمائید :)" required="required"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ثبت عضویت !" /></form></div></div></div>
<div class="clear"></div>
<?php the_tags('<p class="post-tags"><span>'.__('Tags:','hueman').'</span> ','','</p>'); ?>
<?php if ( ( ot_get_option( 'author-bio' ) != 'off' ) && get_the_author_meta( 'description' ) ): ?>
<div class="author-bio">
<div class="bio-avatar"><?php echo get_avatar(get_the_author_meta('user_email'),'128'); ?></div>
<p class="bio-name"><?php the_author_meta('display_name'); ?></p>
<p class="bio-desc"><?php the_author_meta('description'); ?></p>
<div class="clear"></div>
</div>
<?php endif; ?>
<?php if ( ot_get_option( 'post-nav' ) == 'content') { get_template_part('inc/post-nav'); } ?>
<?php if ( ot_get_option( 'related-posts' ) != '1' ) { get_template_part('inc/related-posts'); } ?>
<?php comments_template('/comments.php',true); ?>
</div><!--/.pad-->
</section><!--/.content-->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
ممنون میشم راهنمایی بفرمائین.