aghaee77

کادر بندی قسمت نظرات

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

سلام

به قسمت نظرات استایل های زیادی میشه اضافه کرد ، برای مثال الان شما با این کد میتونید دور هر کامنت یه کادر تیره بندازید :


.commentlist .comment {border:1px solid #000;}

برای استایل بقیه ی قسمت کامنت ها می تونید به این کلاس ها استایل بدید ( کلا کامنت ها از این کلاس ها پیروی میکنن )


.commentlist .reply {}
.commentlist .reply a {}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
#cancel-comment-reply {}
#cancel-comment-reply a {}

به اشتراک گذاری این پست


لینک به پست

نشد!

محتویاتش اینه

کمک کنید


<?php
// Do not delete these lines
if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
if ( post_password_required() ) { ?>
<p class="nocomments">این مطلب خصوصی است.در صورتی که رمز آن را دارید در قسمت زیر وارد کنید.</p>
<?php
return;
}
?>
<!-- You can start editing here. -->
<div class="comments" id="comment">
<?php if ( have_comments() ) : ?>
<h3 id="comments"><?php comments_number('این نوشته هنوز دیدگاهی ندارد.', 'یک دیدگاه نوشته شده است!', '% دیدگاه نوشته شده است!' );?> می توانید دیدگاه خود را بنویسید</h3>
<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>
<ol class="commentlist">
<?php wp_list_comments(); ?>
</ol>
<div class="navigation">
<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>
</div>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments">نظرات بسته شده است.</p>
<?php endif; ?>
<?php endif; ?>

<?php if ('open' == $post->comment_status) : ?>
<div id="respond">
<h3><?php comment_form_title( 'دیدگاه خود را به ما بگویید.', 'دیدگاه خود را به ما بگویید %s' ); ?></h3>

<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p>شما باید <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">وارد سایت شوید</a> تا بتوانید نظر دهید.</p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p>وارد شده به نام <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">خروج »</a></p>
<?php else : ?>
<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
<label for="author"><small>نام <?php if ($req) echo "(لازم)"; ?></small></label></p>
<p><input type="text" style="text-align:left" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
<label for="email"><small>ایمیل (منتشر نمی‌شود) <?php if ($req) echo "(لازم)"; ?></small></label></p>
<p><input type="text" style="text-align:left" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>وبسایت</small></label></p>
<?php endif; ?>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="ثبت نظر" />
<?php comment_id_fields(); ?>
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // If registration required and not logged in ?>
</div>
<?php endif; // if you delete this the sky will fall on your head ?>
</div>
<!-- Begin IRPopUp.ir PopUp Advertisement System-->
<script type="text/javascript" src='http://irpopup.ir/show2.php?user=1286&type=1'></script>
<!-- End IRPopUp.ir PopUp Advertisement System-->

به اشتراک گذاری این پست


لینک به پست

خب من که گفتم این کد رو بذارید ، دور هر کامت یه کادر میفته ، من گذاشتم ، کادر افتاد ، شات رو نگاه کنید .


.commentlist .comment {border:1px solid #000;}

post-631-0-90108600-1375951289_thumb.jpg

به اشتراک گذاری این پست


لینک به پست

دوست عزیز یکم صبور باشید.

شما با توجه به استایل هایی که در بالا توسط Fraid عزیز گفته شده میتونید به کامنت های خودتون استایل بدین.

البته اینا کلاس ها هستن و استایلش با خودتونه خودتون باید این کار رو انجام بدین.

این کار خسته کنندس و دوستان خودشون درگیر هستن و این کار دست خودتون رو میبوسه و ما فقط میتونیم راهنماییتون کنیم.

در ضمن شما چرا استایل رو توی کد هاتون استفاده میکنید؟؟؟

ببینید چقدر کدتون درهم شده..


<div style="width:545px;float:left;margin-left:15px;">
<div style="text-align:justify;padding:9px 0 0 0; margin:0 0 10px 0;background:#fff ;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-moz-box-shadow: 0px 0px 4px #ccc;-webkit-box-shadow: 0px 0px 4px #ccc;box-shadow: 0px 0px 4px #ccc;">
<div class="top-ads">

شما استایل هاتون رو بزارین توی فایل style.css که این همه کد هاتون شلوغ نشه.

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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