قالب وبلاگ | ابزار وبلاگ نویسی | دانلود طرح لایه باز

نام کاربری :

رمز عبور :

عضویت

نام کاربری :

رمز عبور :

تکرار رمز :

ایمیل :

نام اصلی :

کد امنیتی : * کد امنیتیبارگزاری مجدد

X بستن تبلیغات
فروش بک لینک
X بستن تبلیغات
 قالب فارسی وردپرس
سرویس وبلاگدهی رایگان
هتل مشهدسفارش آگهی در پلن A2
قوانین انجمن قالب گراف
مشاهده کامل قوانین
1.1 منع فعالیت تبلیغاتی : هر گونه فعالیت تبلیغاتی در این انجمن بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد
1.2 منع فعالیت سیاسی : هر گونه فعالیت سیاسی بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد.
1.3 استفاده از زبان فارسی نه سایر زبان ها: زبان اصلی این انجمن فارسی است ، لطفا در هنگام ارسال مطالب از زبان پینگلیش(نوشتن کلمات فارسی با حروف انگلیسی) استفاده نکنید .
1.4 قالب گراف با دیگر (سایت های مرجع کد و گرافیک و قالب) هیچ کدورتی ندارد بنابراین چنانچه مشاهده شود کاربری بر ضد دیگر مراجع سخن میگوید کاربر مربوطه بار اول اخطار دریافت میکند و بار دوم به صورت کامل اخراج میگردد .
1.5 کپی برداری از دیگر مراجع ایرانی (کد و گرافیک و قالب) حتی با ذکر منبع نیز ممنوع میباشد و تاپیک های از این قبیل سریعا حذف خواهند شد و در صورت تکرار کاربر اخطار دریافت خواهد کرد .
1.6 کپی برداری از مطالب انجمن صحیح نیست چون ممکن است شخص گرد آورنده زحمت زیادی برای آن کشیده باشد و یادآور میشویم که مطالب این انجمن فقط برای استفاده شما هستند و نه کپی و درج در سایت ها و انجمن های خود و دیگران.
1.7 ارتقاء درجات کاربری نسبت به فعالیت مفید ، مستمر و اختصاصی شما توسط مدیران و مدیریت کل در بخش مدیران تصمیم گیری میشود و هرگونه درخواست ارتقاء درجه از طرف کاربر بدون پاسخ میماند ، لذا کاربران نباید درخواست ارتقاء داشته باشند و اینکار توسط مدیران تصمیم گیری خواهد شد .
کاربران آنلاین : 1 نفر
نرم افزار افزایش بازدید
به دنبال مطلبی هستی ؟ اونو جستجو کن قالب گراف حتما داره ...
معرفی Animate.css و آموزش کار با آن (افکت های انیمشنی برای المان ها)

Animate.css کتابخانه ای حاوی افکت های انیمیشنی css3 می باشد که شما می توانید از آنها در طراحی سایت خود جهت انیمیشن کردن باکس ها و تصاویر و ... قالب خود استفاده کنید .


جهت مشاهده پیش نمایش این کتابخانه اینجا را کلیک کنید

ویژگی های کتابخانه Animate.css :


1- سازگار بودن با تمامی مرورگرهای رایانه و سیستم عامل های موبایل
2- متن باز بودن Open Source (قابل دانلود بودن css و قابل ویرایش بودن)
3- دارای بیش از 74 انیمیشن آماده و جالب
4- قابل استفاده در کد های Css و Html و JavaScript و jquery

آموزش استفاده از Animate.css :


1- ابتدا کد استایل زیر را قبل از تگ </head> به قالب سایت یا وبلاگ خود اضافه کنید .

2- سپس برای المان یا بخشی که می خواهید افکت بگیرد کلاس animated bounce را اضافه کنید .
برای مثال برای المان یا تگ h1 خواهیم داشت :


نکته 1 : به جای bounce در الگو بالا ، نام افکت خود را بنویسید ! در صفحه پیش نمایش می توانید نام افکت ها را ببینید . مثلا : flash , pulse , rubberBand , shake , ...
نکته 2 : در صورت اضافه کردن infinite به کلاس ، افکت مورد نظر به صورت بی نهایت بار روی المان اجرا خواهد شد. به صورت پیش فرض و در نبود این عبارت فقط 1 بار افکت برای المان به اجرا در خواهد آمد.
مثال :


نکته 3 : شما اگر کدنویس ماهر باشید می توانید برای hover های خود نیز این انیمیشن ها را با دریافت فایل Animate.css و استفاده از کدهای آن در بخش های مربوطه ، به اجرا در آورید.

آموزش استفاده از Animate.css در جاوااسکریپت و جی کوئری :


خب با آموزشی که قالب گراف تا اینجا بهتون داد شما کامل می تونید از این انیمیشن استفاده کنید ! اما از این به بعدش مخصوص حرفه ای هاست و نحوه استفاده در جی کوئری رو توضیح می دیم.
برای کد های جاوا اسکریپت خود که مبتنی بر جی کوئری هستند با این الگو باید این انیمیشن ها را اضافه کنید :


برای پایان نمایش هم در کدهای جاوا نیز بایستی از الگو زیر پیروی کنید :


شما از jQuery.one() نیز می توانید برای زمانی که می خواهید برای بیش از 1 بار انیمیشن را به کار ببرید استفاده کنید . الگو به شکل زیر است :


و در نهایت به شکل زیر برای بیش از 1 بار به کار ببرید :


امیدواریم نهایت استفاده را از این آموزش قالب گراف برده باشید .


برچسب ها : , , , , , , , , , , , , , , ,
افزایش بازدید رایگان
تعداد بازديد : 309
تاریخ انتشار : پنجشنبه 08 مهر 1395 ساعت: 21:37
نویسنده :
کپی برداری از این پست حرام می باشد و ما رضایتی نداریم !
مطالب مرتبط
نظرات
1395/7/9 - 20:03
Mobin
آموزش خیلی خوبیه ممنون !
پاسخ : سپاس از نظرتون.
نظر لطفتونه
1395/7/8 - 22:26
Mahdi
بسیار عالی!
ممنون
پاسخ : خوشحالیم که مورد پسند شما بوده.
ممنون از نظرتون.
1395/7/8 - 21:49
مجتبی برزگری بافقی
سلام
ماشاالله
خیلی باحاله
ان شاالله خدا خیرتون بده.
خیلی جالبه

یاعلی
پاسخ : خدمت به شما وظیفه ماست.
امیدوارم قالبتون رو با این css زیباتر و زنده تر کنید.
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی