امروز شنبه , ۴ آذر , ۱۳۹۶ شما در فامو هستید.

فروشگاه قالب فامو

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

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

قیمت : 49 هزار تومان

امکانات قالب : واکنش گرا ، ولید شده ، پنل مدیریت

موضوع قالب : موزیک و فیلم

فروش قالب فروش فایل edd وردپرس ساتش

فروش قالب فروش فایل edd وردپرس ساتش

قیمت : 59 هزار تومان

امکانات قالب : واکنش گرا ، ولید شده ، پنل مدیریت

موضوع قالب : فروش فایل دیجیتال

فروشگاه دامنه فامو

آرشیو

آخرین اخبار فامو

آرشیو
78 ارسال کرده است.


شما هم نویسنده فامو شوید.

با انتشار مطالب خود در رابطه با موضوع خاص مورد نظر در گسترش فامو شریک باشید!

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

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

با عرض سلام و خسته نباشید خدمت تمامی کاربران عزیز سایت فامو !!!

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

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

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

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

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

 

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

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

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

 

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

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

 

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

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

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

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

 

ما را از نظرات خود محروم نفرمایید …

موفق باشد

هاست و دامنه ندارید!
هم اکنون هاست و دامنه بخرید...

1 امتیاز2 امتیاز3 امتیاز4 امتیاز5 امتیاز( بدون امتیاز )
چقدر به این مطلب علاقه داشتید؟

اشتراک گذاری در شبکه های اجتماعی

مطالب مشابه