مجموعه افکت های انیمیشنی ihover

دسته‌ها : اسکریپت, سی اس اس علی میرزائی 18 دیدگاه‌ها

اسکریپت ihover

امروز در خدمت همراهان عزیز هستیم تا به معرفی یک اسکریپت کاربردی جدید بپردازیم… اسم این اسکریپت ihover که با بهره گیری کامل از css3، مجموعه ای از افکت های hover رو ایجاد کرده و شما میتونید با استفاده از این افکت ها در تصاویر شاخص گالری، پورتفولیو و… انیمیشن های جذابی رو ایجاد کنید.
کار با ihover بسیار ساده است! فقط کافیه که شیوه نامه (ihover.css) رو در صفحه قالب فراخوانی و سپس با استفاده از سلکتورهای کلاس، افکت مورد نظرتون رو در قالب پیاده سازی کنید. تمامی توضیحات تکمیلی و مثالهای لازم برای استفاده از اسکریپت ihover، در صفحه پیش نمایش و فایل پیوستی موجود و به راحتی، دوستان میتونند از این مستندات نهایت استفاده رو داشته باشند.

دیدگاه کاربران در مورد این نوشته

  1. ممنون .
    خیلی خوبه

    توسط محسن شریف زاده پاسخ

  2. ممنون بیست بود

    توسط علیرضا پاسخ

  3. چیز عالی ای بیش نیست!

    توسط مصطفی پاسخ

  4. چطور از این اسکریپت تو پست های وردپرس استفاده کنم ؟

    توسط Rmin پاسخ

    1. سلام، به این لینک مراجعه کنید:
      http://tiny.alimir.ir/d

      توسط علی میرزائی پاسخ

  5. با سلام من به تازگی شروع به کار با کدهای phpوcssوhtmlوجی کوئری کردم.
    یک سه سوال داشتم و اون نحوه ی فراخونی ihover.css هست با توجه به فرمانی که نوشته میشه باید فایل به نام ihover.css در پرونده قالب وجود داشته باشه تا فراخونی انجام بشه … ولی این فایل را من نمی تونم پیدا کنم.یعنی جای برای دانلود این فایل وجود ندارده
    دومین مشکل من اینه که اگر بخوام این کد رو روی یک قالب وردپرسی اجرا کنم باید فرمان فراخوانی ihover.css را در فایل style.css قرار بدم؟اگر جواب مثبت هست آیا مکان قرار گیری کد در فایل style.css مهمه؟
    و در آخر آیا کدی برای متحرک کردن عکس های کوچک(120px*120px)وجود داره که پس از بالا اومدن سایت این عکس ها در یک محدوده خاص حرکت های لغزنده داشته باشن (برای مثال محدوده ی 100px)و به محض رفتن ناشنگر موس ثابت بشوند؟

    با تشکر

    توسط میلاد پاسخ

    1. سلام،
      1- میتونید شیوه نامه ihover.css رو در فایل پیوستی همین پست دانلود کنید.
      2- هیچ فرقی نمیکنه. شما میتونید کدهای css رو را داخل شیوه نامه قالب و یا یک فایل دیگه فراخوانی کنید. (تنها نکته مهم اینه کدهای css حتما باید در صفحه مورد نظرتون وجود داشته باشن)
      3- با استفاده از جی کوئری میشه افکت های مختلفی رو ایجاد کرد. به عنوان نمونه: http://tiny.alimir.ir/TY

      توسط علی میرزائی پاسخ

  6. دمت داداش خیلی خوب بود

    توسط حسین پاسخ

  7. با سلام

    من می خواهم برای کاربران به صورت جداگانه فایل پی دی اف مختص خوشان قرار دهم چطور متونم این کار را انجام دهم و نحوه قرار دادن فایل برای هر کاربر در ورد پرس چیست

    توسط حسن پاسخ

    1. سلام، همچین قابلیتی به صورت پیشفرض وجود نداره و باید از یه پلاگین اختصاصی استفاده کنید.

      توسط علی میرزائی پاسخ

  8. سلام پس کو اموزشی که قول دادید ضروری لازمش دارم خواهشا زودتر اقدام کنید با تشکر

    توسط احسان پاسخ

    1. سلام، از کدوم آموزش حرف میزنی؟!؟ :) والا من یه لیست طولانی از این قولها دارم که نوبت به نوبت باید به همشون وفا کنم 😉

      توسط علی میرزائی پاسخ

  9. به نام خدا
    می خواستم بدونم چطور می تونم افزونه ای رو که نوشتم به مخزن اصلی وردپرس اضافه کنم؟

    توسط رضا نصرالهی پاسخ

    1. سلام،
      اول از همه باید یک حساب کاربری در wordpress.org ایجاد کنید و سپس به آدرس زیر برید و افزونه تون رو برای تأیید بفرستید.
      http://tiny.alimir.ir/fo
      در صورت تأیید، یک ایمیل برای شما فرستاده میشه که آدرس svn پلاگینتون رو مشخص میکنه. در مرحله بعد، شما باید برنامه tortoisesvn رو در کامپیوترتون نصب و فایل های افزونه رو به آدرس svn ارسال کنید.
      توضیحات بیشتر رو میتونید در لینک زیر مطالعه کنید:
      http://tiny.alimir.ir/WT

      توسط علی میرزائی پاسخ

  10. خیلی خوب بود خیلی استفاده کردم
    ممنون از سایت خوبتون

    توسط فروش لیوان کاغذی پاسخ

  11. سلام
    خسته نباشید
    بخواییم گالری وردپرس رو شبیه این اسکریپت کنیم علاوه بر وارد کردن کدهای css و خوده اسکریپت چه کار دیگری نیاز است؟
    با تشکر

    توسط مجید پاسخ

    1. سلام، در اولین فرصت آموزشش رو آماده میکنم. (احتمالا بعد از تموم شدن امتحاناتم! 😉 )

      توسط علی میرزائی پاسخ

  12. واقعا افکت های جالبی بودن.
    تشکر

    توسط Ali Amini پاسخ

دیدگاه خود را بیان کنید