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

[aghaee77 2]

سلام

منن میخوام قسمت نظرات سایت رو کادر بندی کنم وضعش خیلی خرابه لطفا کمک کنید

نمونه :

http://javapps.ir/?p=1427

[Farid 2281]

سلام

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

.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 {}

[aghaee77 2]

نشد!

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

کمک کنید

<?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-->

[Farid 2281]

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

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

[aghaee77 2]

عزیزم این خیلی سادست

یه چیز شیک باشه

در ضمن گزاشتم کر نکرد

[اشکان 1989]

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

شما با توجه به استایل هایی که در بالا توسط 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 که این همه کد هاتون شلوغ نشه.

[aghaee77 2]

دوستان سایت میهن اسکریپت هم از این قال استفاده میکنه

http://mihanscript.ir/42-wordpress-291.html

میخوام مثل این بشه

لطفا کمک کنید