رفتن به مطلب
emperor69

آموزش تغییر در لیست مطالب

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

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

لیست مطالبم اولش به شکل زیر بود:

lm4ykobhml5fjrc5ka1y_thumb.jpg

که خیلی زشت بود.

طبق تحقیقات بنده! کلاسی که مربوط به این بخش از سایت میشه کلاس td هست.(اگر چه ممکنه در سایر قالبها با نام دبگری منتشر بشه ولی عموما همینه) در قالب فعلی که این مشکلو داشتم تگ td به صورت زیر تعریف شده بود:

td{font-size: 12px;}

سرتون رو درد نیارم، اصل مطلب اینه که باید کدهای زیر جایگزین کد بالا بشن:

 td.sectiontableheader {font-size: 11px;
background: #e6e6e6;
color: #333;
font-weight: normal;
padding: 4px;
border-right: 1px solid #fff;}
tr.sectiontableentry1 {
padding: 3px;}
tr.sectiontableentry2 {
padding: 3px;
background: #ebf3fd;} 

برای اونهایی که میخوان بدونن این کدها چیه؟ باید عرض کنم ما اومدیم td رو حذف کردیم و سه تگ جدید به نامهای td.sectiontableheader (مربوط به هدر لیست) tr.sectiontableentry1 و tr.sectiontableentry2 (مربوط به ردیفهای افقی لیست) تعریف کردیم.

نتیجه کار شکل زیر میشه که البته هرکس میتونه طبق سلیقه خودش اون رو تغییر بده.

3ow4ps2isvywnhon8bx_thumb.jpg

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

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

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

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


×
×
  • افزودن...