تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 5 از 5

موضوع: افکت زیبای Bump Up + بررسی و توضیح تک تک کدها

  1. Top | #1
    مدیر بازنشته

    تاریخ عضویت
    Dec 2010
    ورژن ویبولتین
    -
    نوشته ها
    525
    مورد پسند
    1,021 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 14.0.1
    میزان امتیاز
    79

    پیش فرض افکت زیبای Bump Up + بررسی و توضیح تک تک کدها

    سلام یا این افکت زیبا میتونید به عکسهاتون / لینکهاتون و ... افکت بدید که با اوردن موس روش یکم بره بالا با حالت قشنگ
    دمو : http://padz.zzl.org/vbiran/minicss/bumpup.html
    فقط اگه خواستید برای متن یا هر چیز دیگه ای استفاده کنید یادتون باشه img رو بردارید ...
    استایل ها + توضیحات :
    کد PHP:
    .bumpupvbiranparssoft img{

         
    float:left
         
    margin30px/*این عدد دلخواهه و جاشو مشخص میکنه */
         
    transitionmargin 0.5s /* حالت برگشت به صورت انیمیشنی میشه */
        
    -webkit-transitionmargin 0.5s/* حالت برگشت به صورت انیمیشنی میشه */
        
    -moz-transitionmargin 0.5s /* حالت برگشت به صورت انیمیشنی میشه */
        
    -o-transitionmargin 0.5s /* حالت برگشت به صورت انیمیشنی میشه */
    }

    .
    bumpupvbiranparssoft img:hover {
        
    margin-top2px/* وقتی موس بیاد رو عکس یکم بره بالا */
        
    transitionmargin 0.5s /* حالت رفت به صورت انیمیشنی میشه*/
        
    -webkit-transitionmargin 0.5s ;/* حالت رفت به صورت انیمیشنی میشه*/
        
    -moz-transitionmargin 0.5s ;/* حالت رفت به صورت انیمیشنی میشه*/
        
    -o-transitionmargin 0.5s ;/* حالت رفت به صورت انیمیشنی میشه*/

    4 تشکر توسط:

    Retired Mod <




  2. گیفت کارت آیتونز

  3. Top | #2
    مدیر بازنشته

    تاریخ عضویت
    Dec 2010
    ورژن ویبولتین
    -
    نوشته ها
    525
    مورد پسند
    1,021 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 14.0.1
    میزان امتیاز
    79
    Retired Mod <

  4. Top | #3
    کاربر ویژه

    تاریخ عضویت
    Oct 2010
    ورژن ویبولتین
    4.2.0
    نوشته ها
    877
    مورد پسند
    228 بار
    اطلاعات
    Windows XP Firefox 14.0.1
    میزان امتیاز
    98

    پیش فرض

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


  5. Top | #4
    مدیر بازنشته

    تاریخ عضویت
    Aug 2011
    ورژن ویبولتین
    X.X.X
    نوشته ها
    2,643
    مورد پسند
    3,341 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 12.0
    میزان امتیاز
    339

    پیش فرض

    تو additional.css بعد رو عکستون اعمال میکند با div

    کاربر مقابل از Revenger بابت این پست مفید تشکر کرده است:


  6. Top | #5
    مدیر بازنشته

    تاریخ عضویت
    Dec 2010
    ورژن ویبولتین
    -
    نوشته ها
    525
    مورد پسند
    1,021 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 14.0.1
    میزان امتیاز
    79

    پیش فرض

    وقتی که کد پست اول رو به additional.css اضافه کردید این کد رو بزارید هر جا که میخواید :
    کد PHP:
    <div class="bumpupvbiranparssoft"><img src="http://www.vbiran.ir/images/vbiranv5/statusicon/forum_new-48.png"><img src="http://www.vbiran.ir/images/vbiranv5/statusicon/forum_new-48.png"><img src="http://www.vbiran.ir/images/vbiranv5/statusicon/forum_new-48.png"></div

    کاربر مقابل از jcs.w بابت این پست مفید تشکر کرده است:

    Retired Mod <

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ: 19
    آخرين نوشته: 2016/02/11, 01:08 AM
  2. پاسخ: 15
    آخرين نوشته: 2013/01/13, 07:28 AM
  3. پاسخ: 3
    آخرين نوشته: 2013/01/05, 05:14 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/06/18, 08:22 AM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •