مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
ایجاد تصاویر گروه کاربری با css

ایجاد تصاویر گروه کاربری با css !
به نام خدا

سلام،امروز میخوام آموزش بسیار کارآمد و جذابی رو براتون قرار بدم،در این آموزش خواهید آموخت که چگونه برای گروه های کاربریتون با استفاده از css نماد یا همون تصویر بسازید، واما بعد:

نکته1: کلاس هایی که در global.css ایجاد خواهید کرد باید selector هاشون با عناوین گروه های کاربری یکی باشه(اگر متوجه نشدید دوباره توضیح بیشتری میدم)

آموزش: این مسیر رو دنبال کنید: پوسته ها ->پوسته ی موردنظر -> global.css ->حالت پیشرفته.
کد زیر رو به انتهای کدها اضافه کنید:


کد:
.Administrators { background-color: #A00; display: inline-block; line-height: 30px; padding: 0 15px; color: white; border: 2px solid white; border-radius: 8px; margin: 5px; font-weight: bold;}


توضیح دقیقتر نکته بالا:عنوان گروه کاربری شما باید دقیقا با کلمه ای که در کد بالا نوشته شده یکی باشه،برای مثال عنوان گروه کاربری من Administrators هستش برای همین در کد بالا من نوشتم Administrators

نکته2: برای ساختن تصویر گرو های کاربری دیگه همین کد رو دوباره توی global تون paste کنید و فقط قسمت Administrators رو به عنوان گروه کاربری مورد نظر تغییر بدید.

نکته 3(برای تازه کارها): میتونید به دلخواه مشخصه های کدهای بالا رو تغییر بدید یا مقادیرش رو کم و زیاد بکنید.

حالا مسیرهای زیر رو دنبال کنید و این کد رو بهشون اضافه کنید.
قالب ها -> قالب موردنظر ->postbit <- Post Bit Templates
قالب ها -> قالب موردنظر ->postbit_classic <- Post Bit Templates


کد:
<div class="{$usergroup['title']}">{$usergroup['title']}</div> <br />


نکته4: برای اینکه نماد گروه کاربری ساخته شده رو درست در جایی که تصویر گروه کاربری شما قرار داره،نمایش بدید، کد بالا رو در زیر متغیر
کد پی‌اچ‌پی:
{$post['groupimage']} 
قرار بدید.

نکته5: نمادهای کاربری ساخته شده خارج از postbit کارایی ندارند.

تمام؛حالا شما با استفاده از css نمادهای گروه های کاربری زیبا،انعطاف پذیر و کم حجمی رو در انجمنتون دارید.
موفق باشید.

 


فایل‌های پیوست
تصاویر بندانگشتی
   


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Question آموزش ایجاد rss نمایش خبر خوان اختصاصی sepna 11 2,729 ۰۹ شهریور ۱۳۹۴، ۰۲:۵۵ ب.ظ
آخرین ارسال: majidtalkhab
  آموزش ایجاد منوی ضربه ای amhf 15 2,644 ۰۷ شهریور ۱۳۹۳، ۰۳:۲۸ ق.ظ
آخرین ارسال: amhf
  بانک استایل نام کاربری ☂ ALI ☂ 2 1,244 ۳۱ تير ۱۳۹۳، ۱۰:۵۶ ق.ظ
آخرین ارسال: tasnim74
  استایل کاربری بسیار زیبا gif KoG 45 9,869 ۰۲ اردیبهشت ۱۳۹۳، ۰۶:۴۹ ب.ظ
آخرین ارسال: behnam
  آموزش ایجاد چت روم envolve بسیار سبک و کار آمد Mr-javad 11 5,228 ۱۴ آذر ۱۳۹۲، ۱۰:۰۵ ب.ظ
آخرین ارسال: 3yeddd
Thumbs Up اضافه کردن عکس به تصاویر آواتار arabicedu 1 1,075 ۰۸ مهر ۱۳۹۲، ۰۶:۱۴ ب.ظ
آخرین ارسال: Masoud_MI
  آموزش ایجاد عضویت سریع Mr-javad 4 1,352 ۲۰ شهریور ۱۳۹۲، ۰۵:۲۹ ب.ظ
آخرین ارسال: Etown
  آموزش ارتقاء گروه کاربری با معیار ساعات آنلاین بودن salondaran 8 1,617 ۰۲ مرداد ۱۳۹۲، ۱۲:۵۷ ب.ظ
آخرین ارسال: Tofighi
  وسط چین شدن خودکار تصاویر salondaran 3 837 ۱۹ تير ۱۳۹۲، ۱۱:۲۳ ب.ظ
آخرین ارسال: amhf
Lightbulb مای کد ایجاد دکمه دانلود برای فایل sepna 0 1,360 ۰۴ خرداد ۱۳۹۲، ۰۶:۴۹ ب.ظ
آخرین ارسال: sepna

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir