مرجع پارسی MyBB

آموزش استایل پیشوندهای موضوع (prefix) حرفه ای

همون طوری که در تصویر بالا میبینید نمونه های زیبایی از پیشوند موضوع رو مشاهده میکنید ، میخوایم توی این تاپیک مجموعه ای از اونها رو قرار بدیم تا شما عزیزان استفاده کنید .

آموزش استفاده از پیشوند موضوع
به مسیر زیر برید :
پنل ادمین / پیکربندی
از منو سمت راست بر روی "پیشوند های موضوع" کلیک کنید
حالا بر روی افزودن پیشوند موضوع کلیک کنید .

*موارد نیاز به تکمیل :

نام پیشوند
حالت نمایش (کد پیشوند)
دسترسی گروه ها
دسترسی انجمن ها

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(245,105,12),rgb(245,174,118)50%,rgb(245,105,12)50%);padding:2px;border-radius:3px;opacity: 0.8;">نام پیشوند</span>

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(17,167,17),rgb(118,245,128)50%,rgb(17,167,17)50%);padding:2px;border-radius:3px;opacity:0.8;">نام پیشوند</span>

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(14,33,204),rgb(27,223,245)50%,rgb(14,33,204)50%);padding:2px;border-radius:3px;opacity:0.8;">نام پیشوند</span>

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(245,12,12),rgb(245,118,118)50%,rgb(245,12,12)50%);padding:2px;border-radius:3px;opacity:0.8;">نام پیشوند</span>

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(193,100,255),rgb(186,81,255)50%,rgb(154,0,255)50%);padding:2px;border-radius:3px;opacity:0.8;">نام پیشوند</span>

کد: 
<span style="font:bold 11px tahoma;color:#fff;background:linear-gradient(135deg,rgb(182,61,0),rgb(210,131,91)50%,rgb(182,61,0)50%);padding:2px;border-radius:3px;opacity:0.8;">نام پیشوند</span>

در ضمن شما میتونید
از پنل ادمین / پیکربندی و قسمت مای کد MyCode پس از ویرایش دلخواه کدهای فوق اونها رو در قسمت جعبه شنی تست کنید .

با درود
و با سپاس از طرح های زیبای شما , برای رفع مشکل عدم قبول اینگونه کد نویسی های بلند و بالا , از کلاس استفاده کنید . برای اینکار در بخش پوسته های خودتان و پوسته ی مورد نظر "افزودن قالب بندی" را انتخاب کنید و قالبی با نام prefix.css درست کنید .
سپس کدهای زیر را که کدهای خودتان در بالا هست را در آن بخش بنویسید :

کد php: 
.narenji{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(245, 105, 12) 0%, rgb(245, 174, 118) 50%, rgb(245, 105, 12) 50%, rgb(245, 105, 12) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;}
.sabz{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(17, 167, 17) 0%, rgb(118, 245, 128) 50%, rgb(17, 167, 17) 50%, rgb(17, 167, 17) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;}
.abi{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(14, 33, 204) 0%, rgb(27, 223, 245) 50%, rgb(14, 33, 204) 50%, rgb(14, 33, 204) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;}
.ghermez{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(245, 12, 12) 0%, rgb(245, 118, 118) 50%, rgb(245, 12, 12) 50%, rgb(245, 12, 12) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;}
.banafsh{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(193, 100, 255) 0%, rgb(186, 81, 255) 50%, rgb(154, 0, 255) 50%, rgb(154, 0, 255) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;}
.ghahveie{font: 11px Tahoma; color: #fff; background: linear-gradient(135deg, rgb(182, 61, 0) 0%, rgb(210, 131, 91) 50%, rgb(182, 61, 0) 50%, rgb(182, 61, 0) 100%) repeat scroll 0% 0% transparent; padding: 0 5px 2px 5px; border-radius: 3px; font-weight: bold; opacity: 0.8;} 

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

کد php: 
<span class="ghermez">میدوری</span> 

کار تمام است . امید که مفید باشد . Heart

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

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

با سپاس

با درود
از کد زیر استفاده کنید , پست من در این رابطه که در بالا هست را هم درست کردم تا دیگر دوستان در نگاه نخست به اشتباه نروند .
خیلی دیگه فنی شده بود نه؟ Big Grin

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

کد php: 
<span class="ghermez">میدوری</span> 

این هم شات از کار انجام شده طبق آموزشی که قرار دادم.

==========
[تصویر: a05869d3159b8b151.png]

==========

یادداشت :
یک نکته را یادآوری کنم برای شما و دیگر دوستان و آن این است که وقتی کلاس تعریف می کنید از نام های خصوصی و غیر معمول استفاده کنید تا در صورت هم نام بودن , تداخلی در کار سایت ایجاد نشود . Heart

بله الان کدهای استایل بخوبی عمل میکنن... جناب میدوری عزیز سپاس

quester

میدوری

p30today2014

quester

میدوری

quester