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

[quester]

آموزش استایل پیشوندهای موضوع (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> 


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

[p30today2014]

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

[quester]

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


با سپاس

[میدوری]

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

کد php:

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


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

==========

==========

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

[quester]

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