نگــاهــی متفـــاوت بــه طراحـــی
A Different View on design

Hypertemp.ir

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

پست شماره 255
14:8 , جمعه 06 آذر 1394

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

سلاااااااام!

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

برای نمایش دمو " اینجا کلیک کنید " .

سلاااااااام!

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

برای نمایش دمو " اینجا کلیک کنید " .

توجه کنید این دکمه با جی کوئری کار کرده و نیاز به کتاب خانه جی کوئری در قالبتون داره نگران نباشید کدش رو تو کد زیر جا کردم.

درضمن کتاب خانه فونت آیکون هم نیاز داره که فراموش نشه.

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

- رسپانسیو و ولید

- انیمیشن های جذاب

- نمایش در زمانی که ما به پایین اسکرول کنید

- بازگشت به بالا با انیمیشن

- زیبا و کم حجم

آموزش استفاده از کد :

ابتدا کد زیر را در head قالبتون قرار دهید:


کد زیر هم در هر جا که مورد نظرتون در Body قالبتون قرار دهید:

سوالی چیزی بود در خدمتیم در مورد این مطلب در نظرات.

 

توجه : تمام حقوق مطالب برای هایپرتمپ محفوظ می باشد.

نظرات ارسال شده

  • mon_ei 1395/7/27 , 17:54

    سلام ببخشید میشه کد جاوا اسکریپت رو به html تغییر داد ؟

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

    باتشکر

    پاسخ : سلام نه

  • حسین 1395/2/23 , 12:45

    عالییییی

  • ali ashabi 1395/1/24 , 12:42

    داداش برا ما که کار نکرد

    پاسخ : احتمالا اشتباه از کد ها استفاده کردید

  • عطا 1394/11/8 , 11:51

    ببخشید یه سوال دارم چرا وقتی که میاییم پایین و دکمه ظاهر میشه بعد وقتی مییام روش یه خط قرمز پایینش ایجاد میشه؟ خودتون تست کنید لطفا.

    پاسخ : مشکلی نداره که !!!

  • akhzari 1394/11/2 , 12:25

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

    پاسخ : بله میشه

  • arash 1394/9/20 , 18:16

    پس کی قالب فعلی رو منتشر میکنید؟

    پاسخ : به زودی

  • لبخند و تلخند 1394/9/6 , 20:57

    خیلی قشنگه مرسی

    پاسخ : خواهش دوست عزیز

  • رضا 1394/9/6 , 18:10

    خخخخخخخ شبیه ماله دیجی کالا شدش یه نگاهی بندازین

    پاسخ : من این کدو سه ماه پیش نوشتم دیجی کالا هنوز ازینا نداشت.

  • بهنام غفرانی 1394/9/6 , 17:42

    واقعا دستتون درد نکنه پستاتون خیلی جون داره
    یه درخواست داشتم
    یه قالب بسازین برای مشاهده ویدئو برای رزبلاگ مطمئن باشین طرفدار داره ها

    پاسخ : وقت کردیم حتما . ممنون از نظرت

  • سید مبین 1394/9/6 , 15:45

    یه سوال:ولید یعنی چی؟؟

    پاسخ : سعنس مطابق استاندارد های کدنویسی

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