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

تعداد بازدید 970

نویسنده پیام

iman

ارسال‌ها : 62

عضویت: 12 /8 /1393

محل زندگی: K@rAj

سن: 14

شناسه یاهو: imanbabaei7979

تشکرها : 10

تشکر شده : 94

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

درود

با این آموزش قادر خواهید بود نام های کاربری در گروه های کاربری مختلف را با افکتهای درخشنده و متحرک تزیین کنید.
برای این کار ابتدا فایل پیوست را از وی بی پرو نمایید و آن را در سیستم خود بازگشایی کنید.
تعدادی عکس در آن خواهید یافت.آنها را به پوشه images که در ریشه انجمن قرار دارد منتقل کنید.(ریشه انجمن مسیری است که انجمن شما در آن قرار دارد)
سپس به کنترل پنل مدیر کل---> استایل ها و قالبها---> جست و جوی قالب بروید. و به دنبال additional.css بگردید. حالا یکی از تکه کدهای زیر را به دلخواه در انتهای آن قرار دهید و ذخیره کنید:

برای همه حالتها(افکت در تمام مواقع ظاهر خواهد شد):

کد:
.blink1 {  background: URL("images/blink1.gif");  }  .blink2 {  background: URL("images/blink2.gif");  } .blink3 {  background: URL("images/blink2.gif");  }.blink4 {  background: URL("images/blink4.gif");  }

تنها برای افکت نام کاربری تنها در حالت هاور(با قرار گرفتن ماوس ظاهر می شود.)

کد:
.blink1:hover {  background: URL("images/blink1.gif");  }  .blink2:hover {  background: URL("images/blink2.gif");  } .blink3:hover {  background: URL("images/blink2.gif");  }.blink4:hover {  background: URL("images/blink4.gif");  }

حالا برای اعمال این افکت روی گروه کاربری مورد نظر به کنترل پنل ادمین---> گروه های کاربری---> تنظیمات گروه های کاربری--> ویرایش گروه مورد نظر بروید و در بخش جلوه های ویژه اچ تی ام ال دو کادر خواهید دید. ( در منوهای فارسی و راست به چپ به این صورت عمل کنید )

در سمت راست کد زیر را قرار دهید:

کد:
<span class="blink1">

در سمت چپ هم کد زیر را قرار دهید:

کد:
</span>

نکته 1: در کد اول میتوانید به جای blink1 با توجه به سلیقه خود کلاس های دیگری قرار دهید که در کدی که در ادیشنال قرار دادیم وجود دارد.
نکته 2:برای جلوه های مختلف کلاس های زیر را جایگزین کنید:

افکت قرمز:
کد HTML: