استایل نظرات ادامه مطلب برای میهن بلاگ

در این پست از یک لرن استایل نظرات برای سیستم وبلاگ دهی میهن بلاگ را اماده کرده ایم , این استایل نظرات به صورت کامل توسط یک لرن کدنویسی و ترجمه شده است و شامل دو قسمت ارسال نظر و نمایش نظر در ادامه مطلب میباشد
شما نمونه را میتوانید در تصویر این پست ببینید
هم چنین این استایل برای رزبلاگ چندی پیش ارسال شده بود که میتوانید در این لینک مشاهده کنید .
برای دریافت این استایل به ادامه مطلب مراجعه فرمایید …

استایل نظرات ادامه مطلب برای میهن بلاگ

برای شروع شما باید ابتدا کد زیر را قبل از تگ </head >در ویرایش قالب خود قرار دهید و چون این استایل نویسی نکات فراوانی دارد از توضیح اضافه خودداری میکنیم و اگر شما کدنویسی بلد باشید میتوانید خودتان ویرایش هایی انجام دهید .
<style>
.comments{
    position:relative;
    direction:rtl;
    border:1px solid #4F8A10;
    background-color:#DFF2BF;
    border-radius:5px;
    border-top-width:3px;
    border-bottom-width:3px;
    padding:13px;
    margin:7px 0 2px 0;
    
 
}
.comments ul li {
    list-style:none;
}

.comment-info {
    font-family:"b yekan" , b yekan , tahoma ;
    margin-bottom:2px;
    font-weight:normal;
    font-size:14px;
}
.author-comment {
    font-family:"b yekan" , b yekan , tahoma ;
    font-size:14px;
}
.comment-content {
    font-family:"b yekan" , b yekan , tahoma ;
    font-size:12px;

}
.comment{
position:relative;
    direction:rtl;
    border:1px solid #999;
    background-color:#EEE;
    border-radius:5px;
    border-top-width:3px;
    border-bottom-width:3px;
    margin:7px 0 3px 0;
}
.comtxt{
    font-family:b yekan , "b yekan" , tahoma;
}
.replyname{
    color:red;
    font-size:13px;
}
.replycon{
    color:blue;
    font-size:13px;
}
</style>
اگر میخواهید این استایل را در طراحی خود به کار ببرید باید پس از قرار دادن استایل بالا کد زیر را در مکان مناسب از طراحی خود قرار دهید
اما اگر قالب بر روی سایت دارید و میخواهید قسمت نظرات ان را عوض کنید و این استایل را قرار دهید مراحل زیر را دنبال کنید
شما باید در قالب خود دو تگ زیر را پیدا کنید و کد های بین این دو تگ را پاک کنید توجه کنید که باید خود این دو تگ را نیز باید پاک کنید
<cb:block_post_comment>
کد هایی که باید همراه با تگ بالا و پایین پاک شوند
</cb:block_post_comment>
و پس از پاک کردن کد زیر را جایگزین آن کنید
هم اکنون قسمت نظرات شما بروز رسانی و استایل های جدید اعمال شد
<cb:block_post_comment>
<div class="comment" style="padding:10px 10px 10px 0;">
[cb:post_comment_form]
</div><br>
<cb:loop_post_comment>
<div class="comments">
    <ul>
        <li>
        <div class="comment-info">این دیدگاه در تاریخ <span style="color:#06F;">[cb:post_comment_date]</span> ارسال شده است</div>
            <div class="comment-content"> 
            <div class="author-comment"><span style="color:#F0F;"><a href="[cb:post_comment_senderweb]">[cb:post_comment_sendername]</a></span> میگه : </div>
            <p style="font-size:13px;">[cb:post_comment_body]</p>
            [cb:post_comment_replystart]
            <div class="comreply">
            <span class="replyname">پاسخ [cb:post_comment_replyname]</span> : <span class="replycon">[cb:post_comment_replybody]</span>
            </div>
            [cb:post_comment_replyend]
            </div>
        </li>
    </ul>
</div>
</cb:loop_post_comment>
</cb:block_post_comment>
در نهایت نکته قابل ذکر آن است که ممکن است به دلایل زیادی ( اختلال در استایل های قالب شما و … ) این استایل با قالب شما سازگاری پیدا نکند
در صورتی که به هر دلیل این استایل ها در قالب شما به درستی اعمال نشدند میتوانید از طریق تالار گفتمان یا نظرات مشکل را اعلام کنید تا برای قالب شما بررسی شود

فرادرس

برچسب ها : ، ، ، ، ، ، ، ،