نوع بخش نظرات به این شکل

[vahed 10]

سلام دوستان ،

در برخی از سایت ها بخش نظرات رو به این شکل دیدم :

این سایت روی وردپرس نیست

اما میخوام بدونم راهی هست بخش نظرات رو همچین کرد؟

مثبت و منفی رو نمیگما!! چون واسه اون افزونه هست

کلا طرحش رو میگم

[Saeed Fard 4740]

سلام ..

چرا كه نشه .. به وردپرس بودن يا نبودنش مربوط نميشه .. بخش نظرات وردپرس رو به هر صورتي كه بخوايد ميتونيد استايل و شكل بديد .. حتي مثل همين ..

[vahed 10]

خب راه حلش چیه دوست عزیز

[Morteza 34190]

استایلش؟

شما برای هر باکس دیدگاه یک border یک پیکسلی میزاری. بعد هم بهش border-radius میدی.

[vahed 10]

استایلش؟

شما برای هر باکس دیدگاه یک border یک پیکسلی میزاری. بعد هم بهش border-radius میدی.

کد آماده وجود نداره؟

قبلا برخی کدها دیده بودم با کدهای پیشفرضش جابه جا می کردیم

[مرتضی نظری 4182]

دوست عزيز كد مخصوص قالب طرح ميشه.اون كد هايي كه قبلا ميديدين مال سرويس هاي وبلاگدهي مثل ميهن بلاگ بود كه قسمت نظراتش جداست از قالب!

[عبدالماجد 3203]

این عکسی که شما دادی مربوط به جوملا و ماژول jcomment هست.

یک استایل خیلی ساده داره که نوشتنش هم سادست.

آدرس سایتتون رو بدید اگه وقت بکنم براتون استایش رو مینویسم.

ولی اگه خودتون سعی کنید بنویسید خیلی بهتر میشه و خودتون هم یاد میگیرید.

[vahed 10]

این عکسی که شما دادی مربوط به جوملا و ماژول jcomment هست.

یک استایل خیلی ساده داره که نوشتنش هم سادست.

آدرس سایتتون رو بدید اگه وقت بکنم براتون استایش رو مینویسم.

ولی اگه خودتون سعی کنید بنویسید خیلی بهتر میشه و خودتون هم یاد میگیرید.

آدرس توی امضا هست عزیز ..

خودم فعلا چیزی از طراحی و استایل دهی سر در نمیارم

دوست عزيز كد مخصوص قالب طرح ميشه.اون كد هايي كه قبلا ميديدين مال سرويس هاي وبلاگدهي مثل ميهن بلاگ بود كه قسمت نظراتش جداست از قالب!

دوست عزیز، من که نگفتم میهن بلاگ!!! گفتم؟

اتفاقا برای وردپرس بود ، یه سری بهم ریختگی ها ایجاد میشد اما خب با کمی تغییر میشه درستش کرد، من واسه سایت قبلی خود ازش استفاده می کردم اما الان دیگه پیداش نکردم

ویرایش شده دی 91 توسط vahed

[Morteza 34190]

یکی از پست هاتون که نظر گرفته رو آدرس بدید.

[vahed 10]

یکی از پست هاتون که نظر گرفته رو آدرس بدید.

http://www.footballebartar.ir/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%DA%AF%D9%84-%D9%87%D8%A7%DB%8C-%D8%A8%D8%A7%D8%B2%DB%8C-%D8%A8%D8%A7%D8%B1%D8%B3%D9%84%D9%88%D9%86%D8%A7-%D9%88-%D8%A7%D8%AA%D9%84%D8%AA%DB%8C%DA%A9%D9%88-%D9%85/

[imanfakhar 26231]

.commentlist li {
padding:7px;
border:1px #aaa solid;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius:8px;
margin:5px
}

به فایل style.css اضافه کنید

[vahed 10]

.commentlist li {
padding:7px;
border:1px #aaa solid;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius:8px;
margin:5px
}

به فایل style.css اضافه کنید

منون داداش، اضافه کردم کد رو اما هیچ تغییری رخ نداد

[imanfakhar 26231]

.commentlist li.comment,.commentlist li.odd,.commentlist li.event {
padding:7px;
border:1px #aaa solid;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius:8px;
margin:5px
}

این را تست کنید

حتما در خطوط پایانی فایل style.css بگذارید کش ها را پاک کنید و کوکی های سیستم را بعد رفرش کنید

[vahed 10]

.commentlist li.comment,.commentlist li.odd,.commentlist li.event {
padding:7px;
border:1px #aaa solid;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius:8px;
margin:5px
}

این را تست کنید

حتما در خطوط پایانی فایل style.css بگذارید کش ها را پاک کنید و کوکی های سیستم را بعد رفرش کنید

بازم ممنون ، کش رو پاک کردم تغییرات اعمال شد

نظرات کادر بندی خوبی شدن و نسبت به قبل بهتر شد

اما منظور من این بود که کلا بخش نظرات به یک شیوه دیگه بشه در آورد که طرح کلا متفاوت شه

[imanfakhar 26231]

چیزی که من دیدم این بود بفرمایید دقیقا منظورتون از یک شکل دیگه چی هست

[vahed 10]

چیزی که من دیدم این بود بفرمایید دقیقا منظورتون از یک شکل دیگه چی هست

تصویری که در پست 1 گذاشتم رو ملاحظه کنید

[عبدالماجد 3203]

فایل زیر رو ویرایش کنید :

default.css

و کدهای مجمود در ol.commentlist li رو به شک زیر تغییر بدید :

border: 1px solid #aaa;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
height: 1%;
list-style-type: none;
margin: 5px;
padding: 7px;
position: relative;

[vahed 10]

فایل زیر رو ویرایش کنید :

...

و کدهای مجمود در ol.commentlist li رو به شک زیر تغییر بدید :

border: 1px solid #aaa;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
height: 1%;
list-style-type: none;
margin: 5px;
padding: 7px;
position: relative;

این کدها رو قبل از ol.commentlist li بذارم یا بعد از اون؟

چیز رو هم نیاز هست که پاک کنم؟

ویرایش شده دی 91 توسط vahed

[عبدالماجد 3203]

کدهای داخل {} رو که بعد از ol.commentlist li اومدند رو پاک کنید (قبلش یه کپی ازشون داشته باشید.) و بعد داخل {} کدهایی که دادم رو بزارید که میشه :

ol.commentlist li {
border: 1px solid #aaa;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
height: 1%;
list-style-type: none;
margin: 5px;
padding: 7px;
position: relative;
}

[vahed 10]

کدهای داخل {} رو که بعد از ol.commentlist li اومدند رو پاک کنید (قبلش یه کپی ازشون داشته باشید.) و بعد داخل {} کدهایی که دادم رو بزارید که میشه :

ol.commentlist li {
border: 1px solid #aaa;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
height: 1%;
list-style-type: none;
margin: 5px;
padding: 7px;
position: relative;
}

کدها رو جایگزین کردم،

اما متاسفانه بخش کامنت ها بهم ریخت،

از کدهای قبلی یه کپی داشتم، دوباره برگشت زدم و کش ها رو پاک کردم، اما دیگه درست نشد

این لینک رو ببینید متوجه میشه

[imanfakhar 26231]

height: 1%; را از کدتون حذف کنید