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

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

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

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

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

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

<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.      يمكنك تغيير الصورة (الأيقونة) عن طريق تغيير رابط الصوره الموجود في الكود مثل رابط الصورة هذا :

http://img256.imageshack.us/img256/1627/top2010.gif

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

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

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

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

ولتحميل مجموعة صغيرة من الأيقونات (عبارة عن اسهم لأعلى ، مقاس 25x25 بكسل) لاختيار السهم الذي يناسبك من هنا "تحميل الأيقونات"

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

ويمكنك تحميل كود الانتقال إلى اعلى في ملف Text Document من هنا "تحميل الكود"

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

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