/ آموزش ساخت یک افکت هاور ویژه تصاویر به روش اسپرایت (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 6 از 6

موضوع: آموزش ساخت یک افکت هاور ویژه تصاویر به روش اسپرایت (اختصاصی ویکی وی بی)

  1. #1
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir

    آموزش ساخت یک افکت هاور ویژه تصاویر به روش اسپرایت (اختصاصی ویکی وی بی)

    درود.
    خب می خواستم یک افکتی رو بهتون آموزش بدم عنوانش شاید یکمی پیچیده باشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ساده می گم ! دقیقا مثل لوگو فعلی ویکی وی بی هست ! موس میاد روش فرضا می ره راست
    اول از هرچیز بگم که اول باید آموزش ساخت یک تصویر و استفاده اسپرایت رو بدونید (واقعا سخت میشه اگر بخوام توضیح بدم!)
    http://www.wikivb.ir/thread5926.html
    خب دوستان کمی سریع و بدون توضیح زیاد آموزش می دیم چونکه آموزش رو بالا قرار دادم پس نیازی به توضیح زیاد نیست !
    خب تصویر اسپرایتی که ساختیم اینه و می خوایم تنظیم بکنیم از چپ بره به راست :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    بد نیست مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    خب اونقدر توی آموزش های قبلی توضیح دادم که مثلا حالا کلس می سازیم و ... که دیگه نیازی نمی بینم اینها رو توضیح بدم !
    خب سریع ساختیم و یک خاصیت بگراند دادیم و تنظیمش کردم (تنظیم کردن هم در لینک آموزشی که گذاشتم هست)
    یه سورس می زاریم :
    کد:
    .logo {
    background: url(http://upload.wikivb.ir/images/1epcnuw5cl45kyt560m4.png) 0 -6px;
    width: 120px;
    height: 105px;
    }
    html :
    کد:
    <div class="logo"></div>
    تمام شد ، حالا این خط ها رو برای انیمیشن ایجاد می کنیم :
    کد:
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    حالا کلس هاور ور می سازیم و تنظیم می کنیم که عکسی که داخل عکس سمت راست هست درست تنظیم بشه دیگه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    تمام شد ، خیلی آسون بود
    یه سورس می زارمی :
    css:
    کد:
    .logo {
    background: url(http://upload.wikivb.ir/images/1epcnuw5cl45kyt560m4.png) 0 -6px;
    width: 120px;
    height: 105px;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    }
    .logo:hover {
    background: url(http://upload.wikivb.ir/images/1epcnuw5cl45kyt560m4.png) -130px -6px;
    }
    html :
    کد:
    <div class="logo"></div>
    به همین راحتی !
    دوستان توضیح سعی کردم مختصر و مفید باشه چونکه توی آموزش های قبلی به خوبی توضیح دادم و اگر جایی رو متوجه نشدید کافیه به آموزش های قبلی برگردید همه چیز رو توضیح دادم پس دیگه نباید مشکلی باشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    امیدوارم تونسته باشم رضایت شما را جلب کنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    9 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  2. نوين وردپرس تبلیغات شما

  3. #2
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    درود

    خیلی خوب بود ولی کمی سخت بود ! مثل اموزش قبلی (هاور) توضیح میدادی عالی میشد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ممکنه بعضی از کاربرا گیج بشن ولی عالی بود

    2 نفر از اعضا پست AminX را پسندیده اند


    .....

  4. #3
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    نقل قول نوشته اصلی توسط MR.Responder نمایش پست ها
    درود

    خیلی خوب بود ولی کمی سخت بود ! مثل اموزش قبلی (هاور) توضیح میدادی عالی میشد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ممکنه بعضی از کاربرا گیج بشن ولی عالی بود
    درود.
    مرسی ، آخه وقتی هم توضیح می دیم دوستان به جای تشکر می گن بلد بودیم اینو چند سال پیش می ساختیم ، راستی یه سوال ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ولی چشم ، آموزش بعدی رو به خاطر شما توضیح می دم مثل آموزشهای قبلی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  5. #4
    Admiral آنلاین نیست.
    Admiral
    کاربر سايت
    76نوشته37مورد پسند

    تاریخ عضویت
    Dec 2013
    شماره عضویت
    3628
    پسندیده است
    66 پست
    بلاگ
    پست
    میزان امتیاز
    47
    www.iran-talar.ir
    با تشکر از آموزش خوبتون

    اینا چه کاربردی دارند؟ میشه یکم تنوضیح بدین؟
    moz
    webkit
    o
    ms

    کاربر زیر پست Admiral را پسندیده است:



  6. #5
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    نقل قول نوشته اصلی توسط Admiral نمایش پست ها
    با تشکر از آموزش خوبتون

    اینا چه کاربردی دارند؟ میشه یکم تنوضیح بدین؟
    moz
    webkit
    o
    ms
    برای ست شدن با مرورگر های مختلف ♥

    3 نفر از اعضا پست Farshad Ghanbari را پسندیده اند



  7. #6
    A20Group آنلاین نیست.
    A20Group
    کاربر سايت
    119نوشته153مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2859
    پسندیده است
    324 پست
    بلاگ
    پست
    میزان امتیاز
    163
    forum.pescity.com
    ممنون جالب بود
    من به شخصه از این کد زیاد استفاده میکنم.خیلی جا ها بدرد میخوره
    باز هم ممنونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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