جهت ورود به تالار گفتمان سایت کلیک کنید


لیست کامل استایل های بخش دیدگاه های وردپرس ( همراه استایل پیشفرض )

همان طور که طراحان  وردپرسی میدونند , یکی از بخش های مهم این سیستم مدیریت محتوا , بخش نظرات آن هست که به صورت پیشفرض بسیار ساده و غیر قابل تحمل می باشد .

بعضی از طراحان به صورت کلی با دادن استایل های مناسب به ol یا ul  در css , سعی در زیباتر کردن این بخش میکنند . گر چه کار اشتباهی نیست , اما کار استانداردی هم به نظر نمی آید .

به همین دلیل برای این پست از سایت اسکریپت دات کام , لیستی کامل از تمامی استایل های این بخش را در اختیار شما عزیزان قرار میدهم .

تقریبا تمامی استایل ها با توجه به اسمشان , گویای کاری که انجام میدهند هستند و دیگر نیازی به توضیح بیشتر در این باره نیست

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #999; padding:15px 15px; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border-radius:200px; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:13px;font-family:tahoma; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:13px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li { background-color:#f6f6f6}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:2px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:2px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:2px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:2px solid #ddd; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

 توجه : لیست بالا دارای استایلی استاندارد و پیشفرض می باشد.

پخش اختصاصی

گرداوری : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

9 پاسخ به “لیست کامل استایل های بخش دیدگاه های وردپرس ( همراه استایل پیشفرض )”

  1. نمره پلاس گفت:

    دمت گرم

  2. قاسم پور گفت:

    میشه ی کم ورد پرس هم یادبدین من خیلی دوس دارم ورد پرس یاد بگیرم ممنون اقای مجیدی

  3. حسن عزیزی گفت:

    واقعا عالی بود داداش وحید گل خیلی ممنون
    موفق . پیروز و سربلند باشی داداش

  4. محمد فرجی گفت:

    داش وحید خیلی کم کار شدینا
    هر دوسه روز یه پست میدین
    خب مام از انتضار موخمون نم میکشه دیگه
    تاحالا چهار برا تمام صقحات سایتو گشتم از بس مظالبتون خوبه
    به هر کدومش چند بار سر میزنم
    خخخ

    • محمد فرجی گفت:

      الان دیدم چقد قلط املاءی دارم
      شرمنده ولی فک کنم منظورمو رسونده باشم

    • وحید مجیدی گفت:

      والا خیلی سرم شلوغه داداشی . به محض اینکه برسم سریعا آپدیت میکنم

      ممنون از توجهت …

  5. dashesi_lamer گفت:

    اینارم کجا باید بزاریم داخل چه فایلی

    با سپاس

  6. ارم سرور گفت:

    عالی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *