ارسالها: 36
موضوعها: 9
تاریخ عضویت: ۲۱ آذر ۱۳۹۰
اعتبار:
0
۱۳۹۳/۵/۲۰، ۰۱:۵۱:۵۴ صبح
(آخرین ویرایش: ۱۳۹۳/۵/۲۱، ۰۰:۳۳:۵۳ صبح، توسط 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 پس از ویرایش دلخواه کدهای فوق اونها رو در قسمت جعبه شنی تست کنید .
ارسالها: 493
موضوعها: 77
تاریخ عضویت: ۲۶ اسفند ۱۳۸۹
اعتبار:
78
۱۳۹۳/۵/۲۰، ۱۷:۵۳:۵۹ عصر
(آخرین ویرایش: ۱۳۹۳/۵/۲۱، ۰۱:۰۰:۴۴ صبح، توسط میدوری.)
با درود
و با سپاس از طرح های زیبای شما , برای رفع مشکل عدم قبول اینگونه کد نویسی های بلند و بالا , از کلاس استفاده کنید . برای اینکار در بخش پوسته های خودتان و پوسته ی مورد نظر "افزودن قالب بندی" را انتخاب کنید و قالبی با نام 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>
کار تمام است . امید که مفید باشد .
ارسالها: 16
موضوعها: 3
تاریخ عضویت: ۱۸ خرداد ۱۳۹۳
اعتبار:
0
درود اگر میشه یه بار دیگه ازاول تصویری مراحلی که درست عمل میکنه روتصجیح وروان توضیح بدین ممنون میشم گیج شدیم لطف کنید مرحله ایی که درسته ازاول تصویری یزاریدکد وروش ساختو مااستفاده کنیم خیلی دنبال این موضوع بودم چون تو وی بی هست وبسیار درظاهر پستهای ارسالی جلوه خوبی ایجاد میکرد سپاس
ارسالها: 36
موضوعها: 9
تاریخ عضویت: ۲۱ آذر ۱۳۹۰
اعتبار:
0
جناب میدوری عزیز
مطابق روش و کدهای فوق نام پیشوند موضوع بصورت دکمه اضافه میشه و از کلاس پوسته انتخاب شده هم پیروی میکنه نه از کد استایلی که براش تعریف میکنیم .
من با پوسته پیشفرض هم تست کردم تغییری نکرد .
لطفا مجدد بررسی فرمایید ببیند ایا مشکلی هست .
با سپاس
ارسالها: 493
موضوعها: 77
تاریخ عضویت: ۲۶ اسفند ۱۳۸۹
اعتبار:
78
۱۳۹۳/۵/۲۱، ۰۱:۰۴:۲۶ صبح
(آخرین ویرایش: ۱۳۹۳/۵/۲۱، ۰۱:۲۳:۵۴ صبح، توسط میدوری.)
با درود
از کد زیر استفاده کنید , پست من در این رابطه که در بالا هست را هم درست کردم تا دیگر دوستان در نگاه نخست به اشتباه نروند .
خیلی دیگه فنی شده بود نه؟ ساده ترش کردم براتون که مشکل دکمه هم نداشته باشید.
کد php: <span class="ghermez">میدوری</span>
این هم شات از کار انجام شده طبق آموزشی که قرار دادم.
==========
==========
یادداشت :
یک نکته را یادآوری کنم برای شما و دیگر دوستان و آن این است که وقتی کلاس تعریف می کنید از نام های خصوصی و غیر معمول استفاده کنید تا در صورت هم نام بودن , تداخلی در کار سایت ایجاد نشود .
سپاس شده توسط | Pishro (۱۳۹۳/۵/۲۱، ۰۱:۱۷:۴۷ صبح) ، quester (۱۳۹۳/۵/۲۱، ۱۶:۳۵:۵۰ عصر) ، motorola30 (۱۳۹۳/۷/۱، ۰۹:۳۰:۳۴ صبح) |
|
ارسالها: 36
موضوعها: 9
تاریخ عضویت: ۲۱ آذر ۱۳۹۰
اعتبار:
0
بله الان کدهای استایل بخوبی عمل میکنن... جناب میدوری عزیز سپاس
|