آموزش نوع جدید رنگ بندی گروه های کاربری (زیبا سازی)

[کدخدا سعید 769]

یکی از دوستان خواسته بود که آموزش زیبا تر کردن رنگ بندی گروه های کاربری رو آموزش بدم

 

استایل های بسیار زیادی برای زیبا تر کردن اونها وجود داره ، این یکی از اون استایل هایی که میتونید استفاده کنید:

 

 

به قسمت ویرایش کد های قالبتون مراجعه کنید (Look & Feel  >  Manage Skin Sets & Templates  >  Manage Templates in GHALEBE MOREDE NAZAR)

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

 

استایل  ipb_styles.css رو انتخاب کنید و صبر کنید تا استال مورد نظر باز بشه

 

در ابتدا یا انتهای فایل (هیچ فرقی نداره کجای فایل ، منظور از ابتدا یا انتها ، جایی هست که با کدهای قبلی قاطی نشه) این کد رو اضافه کنید:

.ustyles
{
    background: none repeat scroll 0 0 black;
    display: inline-block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.3);
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #FFF;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

    .ustyles:active
    {
        border-width: 3px 1px 1px;
    }

بعد از اینکه کد رو قرار دادید دکمه save رو بزنید که ذخیره بشه

 

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

 

به بخش ویرایش گروه های کاربری میریم (Member Groups  >  Manage Member Groups > Edit GORUHE MOREDE NAZAR)

 

در فیلد های Group Formatting Prefix و Group Formatting Suffix کد هایی رو مشاهده میکنیم ، اون کد ها رو حذف کنید و این کد ها رو جایگزین کنید:

Group Formatting Prefix:

<span style="background: #KODE-RANG;" class="ustyles">

به جای عبارت KODE-RANG ، کد رنگی که میخواید برای گروهتون قرار بدید رو جایگذاری کنید(مثال: FF0000)

 

Group Formatting Suffix:

</span>

ذخیره کنید و لذت ببرید

[STALKER 328]

خیلی عالی ..تشکر ویژه...ضمنا خوبیش اینه فقط یبار کد رو به سی اس اس قالب اضافه میکنی..و دیگه مابقی در گروه کاربری رنگو عوض

[کدخدا سعید 769]

خیلی عالی ..تشکر ویژه...ضمنا خوبیش اینه فقط یبار کد رو به سی اس اس قالب اضافه میکنی..و دیگه مابقی در گروه کاربری رنگو عوض

خواهش میکنم

کلا درستش همینه که از کد های اضافه واقعا صرف نظر بشه ، اصلا دلیل استفاده از class هاس css همین هست

سعی میکنم این موارد رو همیشه رعایت کنم ، به بقیه دوستان هم پیشنهاد میشه همیشه حواسشون به سرریزی کد ها(اصطلاح من در آوردی) باشه

[علی مددی 1689]

دسست درد نکنه سعیدجان....

 

خوب همه روش هایی که برای گروه های کاربری تا اینجا گفته شده به همین شکل بوده حتی اون آموزش آخر که من قرار دادم به همین شکل هستش که اگه تاپیک نگاه کنید متوجه میشید.(اگه تاپیک آموزشی نامفهومه اصلاح کنیم ؟)

[کدخدا سعید 769]

دسست درد نکنه سعیدجان....

 

خوب همه روش هایی که برای گروه های کاربری تا اینجا گفته شده به همین شکل بوده حتی اون آموزش آخر که من قرار دادم به همین شکل هستش که اگه تاپیک نگاه کنید متوجه میشید.(اگه تاپیک آموزشی نامفهومه اصلاح کنیم ؟)

علی جان چرا به خودت میگیری؟   من کاملا کلی گفتم ، یه پیشنهاد دوستانه بود به اونایی که رعایت نمیکنن

[علی مددی 1689]

نه سعیدجان اصلا ، این چه حرفیه !!!

 

من خواستم بگم اگه آموزشی نامفهوم هستش برطرف کنیم .

[amirbassir 909]

ممنون سعید جان، خیلی عالی شده ولی کاش height و line-height رو روی 15 تنظیم کنی که زیباتر میشه.

[کدخدا سعید 769]

ممنون سعید جان، خیلی عالی شده ولی کاش height و line-height رو روی 15 تنظیم کنی که زیباتر میشه.

دیگه اوناش سلیقه ایه ، میتونین خودتون کم و زیاد کنین (میتونن بکنن)

[STALKER 328]

درود..

 

ایا امکان هست این  کد رو طوری قراراد که دیگه نیاز به سی اس اس  قالب نباشه..و مستقیما در فید گروه کاربری قرار داد؟

[کدخدا سعید 769]

درود..

 

ایا امکان هست این  کد رو طوری قراراد که دیگه نیاز به سی اس اس  قالب نباشه..و مستقیما در فید گروه کاربری قرار داد؟

بله میشه ، ولی این کار کاملا اشتباهه ، به هیچ عنوان پیشنهاد نمیشه