رفتن به مطلب

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


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

سلام دوستان ،

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

d3632_121221001.jpg

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

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

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

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

لینک به ارسال

سلام ..

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

لینک به ارسال

استایلش؟

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

لینک به ارسال

استایلش؟

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

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

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

لینک به ارسال

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

لینک به ارسال

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

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

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

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

لینک به ارسال
ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

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

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

ویرایش شده توسط vahed
لینک به ارسال


.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 اضافه کنید

لینک به ارسال


.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 اضافه کنید

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

لینک به ارسال


.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 بگذارید کش ها را پاک کنید و کوکی های سیستم را بعد رفرش کنید

لینک به ارسال


.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 بگذارید کش ها را پاک کنید و کوکی های سیستم را بعد رفرش کنید

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

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

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

لینک به ارسال

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

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

لینک به ارسال

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

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;

لینک به ارسال
ارسال شده در (ویرایش شده)

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

...

و کدهای مجمود در 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 بذارم یا بعد از اون؟

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

ویرایش شده توسط vahed
لینک به ارسال

کدهای داخل {} رو که بعد از 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;
}

لینک به ارسال

کدهای داخل {} رو که بعد از 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;
}

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

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

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...