سایت هایپر تمپ در سال 1393 به منظور ارائه بهترین و حرفه ای ترین ابزارها ،قالب ها و مطالب گرافیکی ایجاد شد و با قدرت تمام به رقابت با سایر رقبا میپردازد و امید دارد که کمکی هرچند ناچیز به پیشرفت علم وبلاگنویسی و طراحی وب کشور کمک کرده باشد.با تشکر از همه دوستانی که مارا در این راه یاری رساندن

کانال تلگرام هایپرتمپ

آموزش متفرقه

1134 کد من این مطلب را میپسندم برای رزبلاگ

سلام خدمت همه آقایون و خانومای هایپری

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

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

1524 آموزش آپلود فایل در رزاپ بدون مصرف حجم

سلام

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

اولین ترفند مربوط به رزاپ سرویس اپلودسنتر رزبلاگ می باشد

شاید برای شما هم پیش امده که بخواهید بیشتر از اون 2 گیگ تعیین شده اپلود داشته باشید .

839 فیلم آموزشی پیدا کردن لوگو و هدر قالب

با سلام خدمت کاربران

خوب دیدم بیشتر دوستان در پیدا کردن و تغییر عکس های قالب مثلا بک گراند قالب ، هدر قالب ، لوگو قالب مشکل دارن گفتم این آموزش بسیار ساده رو بزارم تا دوستان استفاده کامل رو ببرن

565 افزونه ظاهر جدید برای وردپریس فارسی

با سلام خدمت همه کاربران عزیز

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

1278 آموزش و معرفی کتابخانه animate.css

با سلام خدمت کاربران و میهمانان عزیز هایپرتمپ

من یعنی مرتضی بعد از مدتی طولانی با یک پست آموزشی کدنویسی در سطح ساده و لازم تمامی کدنویسان عزیز در خدمت شما هستیم.این کتاخانه که از زبان شیرین و ویژگی های جدید css3 استفاده میکند فوق العاده سبک بوده و برترین مزیت آن زیبایی دو چندان با سرعت عالی میباشد.شما با استفاده از این کتابخانه میتوانید به اجزای قالب خود به مانند نسخه 1.3 قالب هایپرتمپ یک انیمیشن و جلوه زیبا دهید.لازم به ذکر است که این آموزش با توجه به درخواست زیاد کاربران و علاقه مندی شما به صورت اختصاصی تهیه و نوشته شده است امیدواریم با جلب رضایت شما و استقبال شما همراه باشد...

آموزش استفاده از کتابخانه animate.css

در ابتدا لازم است که کتابخانه آن را در head قالب خود قرار دهید یعنی بین دو تگ زیر

و کد فراخوانی کتابخانه که باید بین دو تگ بالا قرار بگیرد :

خوب حالا ما کتابخانه رو در قالب خودمون قرار دادیم و نوبت اینه که کلاس (مشخصه)  هارو به اجزای قالب خودمون اضافه کنیم :

خوب مشخصه animated الزامه اجرای انیمیشن و نحوه اجرای انیمیشن که ما از zoomIn استفاده کردیم . ما تمامی مشخصه های انیمیشن هارو در زیر قرار دادیم:

  • bounce
  • flash
  • pulse
  • rubberBand
  • shake
  • swing
  • tada
  • wobble
  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp
  • bounceOut
  • bounceOutDown
  • bounceOutLeft
  • bounceOutRight
  • bounceOutUp
  • fadeIn
  • fadeInDown
  • fadeInDownBig
  • fadeInLeft
  • fadeInLeftBig
  • fadeInRight
  • fadeInRightBig
  • fadeInUp
  • fadeInUpBig
  • fadeOut
  • fadeOutDown
  • fadeOutDownBig
  • fadeOutLeft
  • fadeOutLeftBig
  • fadeOutRight
  • fadeOutRightBig
  • fadeOutUp
  • fadeOutUpBig
  • flipInX
  • flipInY
  • flipOutX
  • flipOutY
  • lightSpeedIn
  • lightSpeedOut
  • rotateIn
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight
  • rotateOut
  • rotateOutDownLeft
  • rotateOutDownRight
  • rotateOutUpLeft
  • rotateOutUpRight
  • hinge
  • rollIn
  • rollOut
  • zoomIn
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp
  • zoomOut
  • zoomOutDown
  • zoomOutLeft
  • zoomOutRight
  • zoomOutUp
  • slideInDown
  • slideInLeft
  • slideInRight
  • slideInUp
  • slideOutDown
  • slideOutLeft
  • slideOutRight
  • slideOutUp

یک مثال که ما در آن به یک دایو انیمیشن دادیم :

خوب تا اینجا ما موفق شدیم انیمیشن رو به جز دلخواهمون در کدنویسی بدیم ولی این انیمیشن ها همگی در ابتدا که لود شد اجرا میشن و اگه ما بخوایم این انیمیشن اجزا وقتی اجرا بشن که روشون اسکرول شد به مانند قالب هایپرتمپ نسخه 1.3 اجرا شوند باید کتابخانه زیر را علاوه بر کتابخانه بالا به head قالبمون اضافه کنیم :

و کلاس زیر رو به جزهای دلخواهمون در قالب نیز اضافه کنیم

یک مثال :

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

 

آخرین مطالب اضافه شده

Recently added posts

مطالب محبوب سایت

Most popular

مطالب پیشنهادی

Recommended