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

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumراهنمایی در نصب قالب228hajjsadegh
iconforumافزایش تعداد فالور اینستاگرام - بسیار بسیار ارزان238daymobile
iconforumافزونه کوتاه کننده لینک12206AHF-victory
iconforumلایسنس ویژوال کامپوسر656tiger2
iconforumراهنمای در مورد چند اسکریپت220tiger2
iconforumنرخ های جدید اینترنت همراه اول اعلام شد013AynaZ
iconforumخرید شریکی اسکریپت3241AynaZ
iconforumدرخواست هاست اسپانسری12229AynaZ
iconforumتغییر نکردن فونت سایت در وردپرس473AynaZ
iconforumطراحی494AynaZ
iconforumتغییر دامین در ورپرس9114AynaZ
درگاه پرداخت
درگاه پرداخت

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

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

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

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

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

حتما بخوانید  نمایش تصویر شاخص مطالب در بخش مدیریت وردپرس

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

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

 

حتما بخوانید  نمایش اطلاعات تنها برای کاربران عضو

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

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

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

 

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

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

 

حتما بخوانید  آخرین اخبار و رویداد ها با افکت بسیار زیبا CSS3

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

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

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

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


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

دانلود

خرید هاست حرفه ای سازگار با انواع اسکریپت همراه با نصب رایگان

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1392/10/4 7 CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=2352

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
12,897جعبه دانلود برای وردپرس تاریخ : 1392/10/4
1,714افزونه وردپرس پخش موسیقی Disk Audio Player نسخه 1.6.4 تاریخ : 1393/12/1
1,150پوسته غذای ارگانیک برای وردپرس تاریخ : 1394/11/25
3,398دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 1392/09/3
1,406اسکریپت ساده مدیریت کاربران Zlogin نسخه 1.2 تاریخ : 1394/12/9
3,260اسکریپت تناسب اندام محاسبه BMI ( شاخص توده بدنی ) تاریخ : 1393/11/2
8,530اسکریپت ایمیل دهی فارسی WebMail Lite تاریخ : 1393/04/26
6,008اسکریپت راه اندازی شبکه اجتماعی Friendly Social Network تاریخ : 1393/08/25
2,152اسکریپت راه اندازی شبکه اجتماعی Social Match نسخه 2.0 تاریخ : 1395/04/3
2,036اسکریپت موتور جستجو قدرتمند Automated Job Search تاریخ : 1392/10/4
4,624اسکریپت شبکه اجتماعی SocialEngine فارسی نسخه 4.8.7 تاریخ : 1393/12/21
2,255اسکریپت لیست سایت های برتر Top Sites Directory تاریخ : 1393/05/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب