استایل نظرات برای قالب های رزبلاگ

در این پست از یک لرن به درخواست یکی از کاربران سایت , استایل نظراتی را اماده کرده ایم که امیدواریم در طراحی های شما کارامد باشد . لازم به ذکر است این  استایل کاملا اختصاصی نوشته شده است و به صورت پک کامل شامل قسمت ارسال نظر , نظرات ارسال شده و صفحات نظرات ( در صورتی که نظرات هر پست از 10 عدد بیشتر شود ) ارائه شده است و فقط برای سیستم رزبلاگ قابل استفاده میباشد , به زودی برای سیستم میهن بلاگ نیز ارائه خواهیم کرد

برای دریافت به ادامه مطلب مراجعه کنید …

استایل نظرات برای قالب های رزبلاگ

اگر دوست دارید استایل را ویرایش کنید باید کل کد زیر را قبل از تگ </head> در ویرایش قالب خود قرار دهید تا بتوانید ان ها را ویرایش کنید . به دلیل اینکه استایل زیر نکات فراوانی را در بر میگیرد از توضیحات اضافه برای ویرایش دلخواه خودداری میکنم و دوستانی که با css اشنا باشند میتوانند خودشان ویرایش های لازم را انجام دهند .
<style>
.comments{
    direction:rtl;
    border:1px solid #4F8A10;
    background-color:#DFF2BF;
    border-radius:5px;
    border-top-width:3px;
    border-bottom-width:3px;
    margin:10px 0 10px 0;

}
.comments ul li {
    list-style:none;
}
.comments ul li img {
    float:right;
    margin-left:20px;
    border-radius:5px;
        margin-right:10px;

}
.comment-info {
    font-family:"b yekan" , b yekan , tahoma ;
    margin-bottom:2px;
    font-weight:normal;
    font-size:14px;
        padding:10px;
}
.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-counter{
    text-align:center;
}
.comment-counter a{
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    border: 1px solid #CCCCCC;
    padding:5px;
    margin:4px;
    display:inline-block;
    color:#999;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -khtml-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    text-decoration:none;
}
.comment-counter a:hover{
    border-color:#666;
    color:#666;
}
.comment-counter .current{
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    border: 1px solid #ccc;
    padding:5px;
    margin: 4px;
    display:inline-block;
    color:#bbb;
}
.comment{
    direction:rtl;
    border:1px solid #999;
    background-color:#EEE;
    border-radius:5px;
    border-top-width:3px;
    border-bottom-width:3px;
        margin:10px 0 10px 0;
}
.comment-counter{
        direction:rtl;
    border:1px solid #999;
    background-color:#EEE;
    border-radius:5px;
    border-top-width:3px;
    border-bottom-width:3px;
        margin:0 0 10px 0;
}
.comtxt{
        font-family:b yekan , "b yekan" , tahoma;
}
</style>
اگر تمایلی به ویرایش کدها ندارید میتوانید به جای تکه کد بالا تکه کد زیر را قبل از تگ </head> در ویرایش قالب خود قرار دهید .
<link rel="stylesheet" type="text/css" href="http://dl.1learn.ir/admin/posts/comments-style/comments-style.css" />
اگر میخواهید این استایل را در طراحی خود به کار ببرید باید پس از قرار دادن استایل بالا کد زیر را در مکان مناسب از طراحی خود قرار دهید
اما اگر قالب بر روی سایت دارید و میخواهید قسمت نظرات ان را عوض کنید و این استایل را قرار دهید مراحل زیر را دنبال کنید
شما باید در قالب خود دو تگ زیر را پیدا کنید و کد های بین این دو تگ را پاک کنید توجه کنید که باید خود این دو تگ را نیز باید پاک کنید
<RB:Comment_Block>
کد هایی که باید همراه با تگ بالا و پایین پاک شوند
</RB:Comment_Block>
و پس از پاک کردن کد زیر را جایگزین آن کنید
هم اکنون قسمت نظرات شما بروز رسانی و استایل های جدید اعمال شد
<div class="comtxt">
دیدگاه های این پست
</div>
<RB:Comment_Block>
<div class="comment" style="padding:10px 10px 10px 0;">

<RB:Comment_Form_Block>
<RB:Comment_Field_Size:30>
<RB:Comment_Field_Style:-moz-border-radius:4px;border:1px solid #999;-moz-border-radius:hover:8px;>
<RB:Comment_Button_Style:>
<RB:Comment_Message_Style:width:400px;>
<RB:Comment_Submit_Value:ارسال دیدگاه>
<RB:Comment_Reset_Value:پاک کردن >
[Comment_Form]
</RB:Comment_Form_Block>

</div>
<RB:Comment_Display_Block>
<RB:Comment_Display_Loop>
<div class="comments">
    <ul>
        <li>
        <div class="comment-info">این دیدگاه در تاریخ <span style="color:#06F;">[Comment_Date]</span> ارسال شده است</div>
            [Comment_Gavator]
            <div class="comment-content">
            
            <div class="author-comment"><span style="color:#F0F;">[Comment_Author]</span> میگه : </div>
            <p>[Comment_Content]</p><br />
            </div>
        </li>
    </ul>
</div>
</RB:Comment_Display_Loop>
</RB:Comment_Display_Block>
<RB:Comment_Page>
<div class="comment-counter">
[Comment_Page]
</div>
</RB:Comment_Page>
</RB:Comment_Block>
در نهایت نکته قابل ذکر آن است که ممکن است به دلایل زیادی ( اختلال در استایل های قالب شما و … ) این استایل با قالب شما سازگاری پیدا نکند
در صورتی که به هر دلیل این استایل ها در قالب شما به درستی اعمال نشدند میتوانید از طریق تالار گفتمان یا نظرات مشکل را اعلام کنید تا برای قالب شما بررسی شود

فرادرس

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