تبلیغات

تبلیغات تبلیغات
طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن
  • اسکریپتgrameasy 7 پاسخ 69 بازدید
  • عضویت عضوهای فیک در سایت وردپرسی 9 پاسخ 122 بازدید
  • چگونگی غیرفعال سازی توابع pcntl_exec و proc_open v 1 پاسخ 34 بازدید
  • پرسش و پاسخ پیرامون اسکریپت GramEasy 80 پاسخ 1802 بازدید
  • پیغام هشدار در پنل مدیریت ips 4.3.2 1 پاسخ 10 بازدید
  • آینه بغل 0 پاسخ 8 بازدید
  • پوسته مناسب تبلیغات 2 پاسخ 45 بازدید
  • درخواست قالب 0 پاسخ 10 بازدید
  • انجمن ips 10 پاسخ 125 بازدید
  • آموزش نال کردن اسکریپت AdLinkFly ( اختصاصی بیست اسکریپت ) 20 پاسخ 639 بازدید
  • هاست

    کد رفتن به بالای صفحه سایت و وبلاگ

    CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند , وردپرس
    کد رفتن به بالای صفحه سایت و وبلاگReviewed by جواد on Dec 25Rating: 5.0کد رفتن به بالای صفحه سایت و وبلاگالان که دارم این مطلب رو تو سایت قرار میدم ، خیلی تو سایت ها و وبلاگ ها مد شده که یک دکمه برای برگشت یا رفتن به بالای صفحه سایت یا وبلاگ قرار میدن تا بازدید کننده بتونه به راحتی و بدون استفاده از اسکرول بار به بالای صفحه هدایت بشه.برای همین امروز من یک کد دکمه برگشت به بالای صفحه که برای همه سایت ها و وبلاگ ها کار میکنه تو سایت قرار دادم که اگر دوست داشتید همچین ابزاری رو به سایت یا وبلاگتون اضافه کنید.

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

    کد رفتن به بالای صفحه سایت و وبلاگ

    کد دکمه رفتن به بالای صفحه

    همونطور که در انتها هم دموی این کد رو قرار دادم ، وقتی که به انهای سایت میرسین یک دکمه کم رنگ مثل شکل بالا ظاهر میشه که با رفتن موس بر روی آن پررنگ میشه و با کلیک کردن روی اون به صورت آرام کاربر به بالای صفحه هدایت میشه.

    کد css دکمه برگشت به بالای صفحه

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

     

    اگر از وردپرس استفاده می کنید یا قالب استاتیک دارید خوب مشخصه دیگه این فایل رو به style.css در پوشه قالبتون اضافه کنید ولی اگر توی وبلاگ این دکمه رو می خواهید قرار بدید یک آموزش در انتها قرار دادم که میتونید استفاده کنید.

    کد html رفتن رفتن به بالای سایت و وبلاگ

    حالا باید کد زیر رو قبل از تگ <head/> قرار بدید.

     

    اگر از وردپرس استفاده میکنید توی صفحه header.php  تگ header رو می تونید پیدا کنید.

    کد آخر که الان می زارم هم باید در زیر تگ <body> هر کجا که دوست داشتید قرار بدید ، توصیه میکنم در آخرا قرار بدید.

     

    آموزش قرار دادن کد بالا رفتن در وبلاگ

    اگر این دکمه رو برای وبلاگ می خواهید شاید یکم تو قرار دادن اون css ها مشکل پیدا کنن بعضی ها ( البته شما که استاد مائید !! )

    ۲ حالت ممکن پیش بیاد یا کدهای css و html تو قالب وبلاگتون کنار همه که خیلی آسون میشه فقط کافیه اون قسمتی که شیوه نامه ها هستش رو پیدا کنید و در انتهاشون قرار بدید.

    اما حالت دوم این که اکثرا سایت های ارائه دهنده قالب وبلاگ فایل style.css رو جداگانه آپلود میکنن که شما باید این فایل رو دانلود کنید سپس کد ها رو اضافه کنید سپس این فایل رو یکجا آپلود کنید سپس توی قالب آدرس فایل جدید style.css رو وارد کنید.


    به کانال تلگرام بیست اسکریپت بپیوندید !

    دانلود
    .

    جای تبلیغات متنی

    مطلب مفیدی بود ؟
    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    5,181پلاگین EventOn تقویم رویداد ها نسخه 2.2.6 برای وردپرس تاریخ : 2014/03/13
    4,286اسکریپت آپلودسنتر فایل Blue با لینک مستقیم تاریخ : 2015/10/21
    3,405اسکریپت ابزار سئو پیشرفته Turbo SEO Analyzer نسخه 1.4 تاریخ : 2014/10/1
    3,093اسکریپت شبکه اجتماعی phpShark 1.4 تاریخ : 2014/07/14
    7,384اسکریپت فروشگاه ساز سایت علی بابا Alibaba تاریخ : 2016/10/14
    9,317قالب شیک و ساده فروش اکانت به صورت HTML تاریخ : 2015/01/19
    7,975اسکریپت ایجاد سایت نیازمندی ها و ثبت آگهی LaraClassified نسخه 1.1 تاریخ : 2016/06/29
    6,982اسکریپت نمایش گالری تصاویر اینستاگرام خود در وب سایت InstaMax تاریخ : 2015/11/1
    4,107دانلود قالب پاپ آپ HTML فروش ویژه ساعت تاریخ : 2015/01/2
    2,149اسکریپت تبدیل آنلاین ویدئو Video Converter تاریخ : 2013/10/29
    1,955افزونه وردپرس اسمارت پاپ آپ Indeed Smart PopUp نسخه 4.6 تاریخ : 2016/03/4
    5,878قالب فروشگاهی مثل آپ استور iOS برای وردپرس تاریخ : 2014/01/13
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب