رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

سوال ذرباره نظرات تو در تو

djmostafa

توسط djmostafa،
در برنامه نویسی استاتیک

دنبال‌کننده 0

پست های پیشنهاد شده

djmostafa

djmostafa 61

ارسال شده در
ارسال شده در

سلام خسته نباشيد

بنده در حال طراحي قالبي هستم

الان فايل comments.php داخل قالب قرار دادم و استايل تو در و هم به استايلم اضافه كردم اين كدي كه قرار دادم در چندقالب تست كردم سالم بودولي الان داخل قالب جديدم تودر تو نيست

مشكلي از چي ميتونه باشه

طول همش برابره و زير هم هست

با وجد اينكه پاسخ ميدم ولي تودرتو نميشه و مانند كامنت عادي زير هم قرار ميگيرد

لینک به ارسال
NESTED

NESTED 4295

ارسال شده در
ارسال شده در

سلام

محتوای کلاسه بندی که در قالب جدید در بخش استایل و در فایل کامنت کردین چی هست ؟ ندید که نمیشه راهنمایی کرد و مشکل رو برطرف کرد

  • امتیاز 1
لینک به ارسال
djmostafa

djmostafa 61

ارسال شده در
  • مالک
ارسال شده در

باسلام

اين كدهاي قرار داده شده در قالب


<div class="Sin-box">
<div class="Single_title" ><div class="Single_title5"></div><h3>ديدگاه كاربران</h3></div>
<?php comments_template(); ?>
</div>

اينم استايل


.Sin-box {
background:#fff;
width:640px;
float:right;
margin-right:15px;
border:1px solid #e8e8e8;
border-bottom:5px solid #d2d2d2;
margin-bottom:15px;
padding:10px;
text-align:justify;
}

اينم كدهاي فايل كامنت

<?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() ) : ?>

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

<?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 style="margin-right: 10px;">وارد شده به نام <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" placeholder="نام شما:" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />

<label for="author" ></label>

</p>

<p>

<input type="text" placeholder=":Email" 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"></label>

</p>

<p>

<input type="text" placeholder="//:http" style="text-align:left" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />

<label for="url"></label>

</p>

<?php endif; ?>

<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->

<p>

<textarea style="box-shadow:none; border-radius: 3px 3px 3px 3px;"type="text" placeholder="متن ديدگاه شما :" 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>

اينم استايلي كه براش نوشته شده

#respond {margin-top:20px;}

#commentform input {

border: 1px solid #CCCCCC;

color: #3F3F3F;

font-family: 'BYekan' , Tahoma;

font-size: 12px;

width: 200px;

float: right;

padding: 5px;

margin-right: 9px;

margin-left: 4px;

margin-bottom: 10px;

margin-top: 10px;

}

#commentform input:focus {

border-bottom: 3px solid #000;

background-color: #FFF;

}

#commentform small {

font-size: 12px;

padding-right: 10px;

}

#comment {

color: #666;

}

ol.commentlist {

list-style: none;

padding: 0;

text-indent: 0;

margin-top: 20px;

margin-right: 0;

margin-bottom: 0;

margin-left: 0;

}

ol.commentlist li {

border: 2px dashed #CCCCCC;

margin: 0 0 10px;

padding: 5px 5px 5px 7px;

position: relative;

}

ol.commentlist li div.comment-author {

text-decoration: none;

color: #333;

text-align: right;

padding-top: 0;

padding-right: 0%;

padding-bottom: 0;

padding-left: 0;

border: 1px dashed #CCC;

margin: 0px;

}

ol.commentlist li div.vcard {

font-family: "times New Roman";

font-size: 15px;

color: #666;

padding-top: 15px;

padding-right: 55px;

padding-bottom: 15px;

padding-left: 0;

margin-right: 0px;

}

ol.commentlist li div.vcard cite.fn {

font-style: normal;

}

ol.commentlist li div.vcard cite.fn a.url {

color: #999999;

text-decoration: none;

}

ol.commentlist li div.vcard cite.fn a.url:hover {

color: #999;

}

div.vcard img.avatar {

border: 1px dashed #999999;

right: 10px;

position: absolute;

top: 7px;

float: right;

height: 45px;

width: 45px;

}

ol.commentlist li div.comment-meta {

font: 11px Tahoma, helvetica, arial, sans-serif;

right: 20px;

text-align: right;

float: left;

margin-top: -36px;

margin-left: 10px;

}

ol.commentlist li div.comment-meta a {

text-decoration: none;

float: none;

margin-top: -50px;

width: 200px;

text-align: left;

background-image: url(images/data.png);

background-repeat: no-repeat;

background-position: right 6px;

padding-right: 20px;

padding-top: 5px;

padding-bottom: 5px;

}

ol.commentlist li div.comment-meta a:hover {

}

ol.commentlist li p {

font-size: 12px;

margin-top: 5px;

margin-bottom: 1em;

margin-left: 0;

text-align: justify;font-family :'BYekan';width:600px;

}

ol.commentlist li p a {

text-shadow: 1px 1px #FFFFFF;

}

ol.commentlist li p a:hover {

}

ol.commentlist li ul {

font: normal 12px/1.4 helvetica, arial, sans-serif;

list-style: square;

margin: 0 0 1em;

padding: 0;

text-indent: 0;

}

#cancel-comment-reply {

padding: 10px 0 0;

}

#cancel-comment-reply-link {

color: #fff;

font-size: 10px;

line-height: 15px;

font-family: Tahoma, Georgia, arial, sans-serif;

background: #F4F1F1;

border: 2px solid #82AD1D;

margin-top: 0;

margin-right: 0;

margin-bottom: 0;

margin-left: 12px;

padding-top: 4px;

padding-right: 10px;

padding-bottom: 4px;

padding-left: 10px;

}

ol.commentlist li div.reply {

background-color: #358efc;

color: #FFF;

font-family: 'BYekan';

text-align: center;

padding:5px;

width: 60px;

border-bottom: 3px solid #547700;

margin-top: 5px;

margin-bottom: 5px;

clear:both;

font-size:12px;

}

ol.commentlist li div.reply a{color:#fff;}

ol.commentlist li ul.children {

list-style: none;

margin: 1em 0 0;

text-indent: 0;

}

ol.commentlist li ul.children li.depth-2 {

margin: 0 0 .25em;

}

ol.commentlist li ul.children li.depth-3 {

margin: 0 0 .25em;

}

ol.commentlist li ul.children li.depth-4 {

margin: 0 0 .25em;

}

ol.commentlist li.even {

border: 1px solid #CCCCCC;

background: #f8f8f8;

border-bottom: 3px solid #bfbfbf;

background-image: none;

background-repeat: repeat;

background-position: 0 0;

margin-right: 10px;

margin-left: 10px;

}

ol.commentlist li.odd {

border: 1px solid #CCCCCC;

background-attachment: scroll;

border-bottom: 3px solid #bfbfbf;

background-image: none;

background-repeat: repeat;

background-position: 0 0;

margin-right: 10px;

margin-left: 10px;

}

ol.commentlist li.pingback div.vcard {

padding: 0 170px 0 0;

}

.comments input#submit {

background:#358efc;

border-bottom:3px solid #1777ee;

color: #FFFFFF;

cursor: pointer;

font-family: "BYekan";

padding:5px;

text-align: center;

width: 70px;

float: left;

margin-top: 10px;

margin-left: 5px;

}

.comments input#submit:hover {background:#1777ee;}

#commentform textarea {

-moz-border-radius-bottomleft: 3px;

-moz-border-radius-bottomright: 3px;

-moz-border-radius-topleft: 3px;

-moz-border-radius-topright: 3px;

border: 1px solid #CCCCCC;

color: #3F3F3F;

font-size: 13px;

width: 320px;

resize: vertical;

margin-right: 12px;

padding: 5px;

background-attachment: scroll;

background-image: none;

background-repeat: repeat;

background-position: 0 0;

height: 120px;

background-color: #FFF;

font-family: 'BYekan';

}

#commentform textarea:focus {

-moz-transition: all .5s ease-out;

-o-transition: all .5s ease-out;

background-color: #F2F2F2;

-moz-transition: background 0.8s ease 0s;

background-position: -128px 0px;

border-bottom:3px solid #000000;

}

.comments-template {

width : 500px;

height : auto;

margin : 0 5px 0 0;

display : table;

padding-right : 5px;

padding-left : 0;

font-family : Tahoma, 'BYekan';

float : left;

}

#comments-box p {

text-decoration: none;

font-weight: normal;

text-align: right;

margin-right: 55px;

}

#commentform textarea {

border: 1px solid #CCCCCC;

color: #3F3F3F;

padding: 5px;

font-size: 13px;

width: 600px;

text-align: right;

margin-top: 0;

margin-right: 9px;

margin-bottom: 0;

margin-left: 0px;

-moz-transition: background 0.8s ease 0s;

float: right;

}

لینک به ارسال
NESTED

NESTED 4295

ارسال شده در
ارسال شده در

در استایل قالب در خط 765 به بعدش مقادیر زیر رو جایگزین کنید :

ol.commentlist li ul.children li.depth-2 {
margin: 0 6.25em 0 0;
}
ol.commentlist li ul.children li.depth-3 {
margin: 0 6.25em 0 0;
}
ol.commentlist li ul.children li.depth-4 {
margin: 0 6.25em 0 0;
}

  • امتیاز 1
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...