كود الانتقال إلى أعلى

 

تعتبر هذه الإضافة من الكماليات وليست من الأساسيات فهي تعتبر إضافة إلى حد ما مهمة لأصحاب المدونات التي تحتوي صفحاتهم الرئيسية على عدد كبير من المقالات او الموضوعات او التي موضوعاتهم كبيره لدرجة يعتبر فيها الرجوع إلى اعلى الصفحه عمليه مملة لدى الزائر لكن البعض من المدونات تحب إضافة هذه الإضافة البسيط .

وهو عبارة عن صورة او ايقونة صغير لسهم اتجاهه إلى اعلى يتواجد في الجانب الايمن اسفل المتصفح كم بتلك الصورة :

أيقونة الانتقال إلى أعلى

وبما انها اداه بسيطة فهي ايضا عبارة عن كود صغير وسهل وضعه في مدونتك عبر وضع هذا الكود في عنصر جديد عن طريق هذا المسار المعتاد الذي تعودنا عليه :

لوحة التحكم الرئيسية – التخطيط – اضافة عنصر

وبعد ذلك ضع هذا الكود في المكان المخصص له بدون وضع عنوان للعنصر :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img256.imageshack.us/img256/1627/top2010.gif" /></a>

ثم احفظ

ومن مميزات هذه الإضافة ان زر الانتقال إلى الأعلى يتبع متصفح مدونتك اينما ذهب لأسفل او لأعلى في الجانب الايمن اسفل الصفحة كما تجده في مدونتي

1. يمكنك تغيير الصورة (الأيقونة) عن طريق تغيير رابط الصوره الموجود في الكود

ووضع رابط الصورة التي تريدها "بعد رفعها على اي موقع لرفع الصور"

2. يمكنك ايضا نقل الزر من اليمين إلى اليسار عبر تغيير كلمة right إلى كلمة left

3. مقاس الصورة او الايقونة الاعتيادي هو 25x25 بكسل

4. يمكنك ملاحظة أيضا عند وقوففك بمؤشر الفأرة على أيقونة الانتقال إلى أعلى في هذه المدونة، تلك الجملة الانجليزية (Back to Top) وهي تعني "العوده إلى أعلى" يمكنك تغييرها إلى أي جملة تراها مناسبه لتعني الذهاب إلى أعلى الصفحة عن طريق تغيير تلك الجملة المتواجدة في الكود باللون البنفسجي (Back to Top) ولو حتى بأستخدام اللغة العربية لتصبح مثل هذه الصورة :

العودة إلى أعلى

بعد اختيار الأيقونة التي تناسبك ارفع الصورة على أحد مواقع رفع الصورة مثل imageshack وخذ رابط الصورة وضعه بدل رابط الصورة الموجود بالكود

وأرجو منكم المشاركة بروابط ايقوناتكم التي تشير إلى الذهاب إلى أعلى ان وجد لديكم منها، عبر وضع روابط تلك الصور في التعليق ليستفاد منها الجميع وجزاكم الله كل خير.

وشكرا لتعاونكم معنا

مع تحيات

مدونه عيون مصر

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
abuiyad