الأربعاء، 27 أبريل 2011

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




كود الانتقال إلى أعلى
تعتبر هذه الإضافة من الكماليات وليست من الأساسيات فهي تعتبر إضافة إلى حد ما مهمة لأصحاب المدونات التي تحتوي صفحاتهم الرئيسية على عدد كبير من المقالات او الموضوعات او التي موضوعاتهم كبيره لدرجة يعتبر فيها الرجوع إلى اعلى الصفحه عمليه مملة لدى الزائر لكن البعض من المدونات تحب إضافة هذه الإضافة البسيط .
وهو عبارة عن صورة او ايقونة صغير لسهم اتجاهه إلى اعلى يتواجد في الجانب الايمن اسفل المتصفح كم بتلك الصورة :
أيقونة الانتقال إلى أعلى
وبما انها اداه بسيطة فهي ايضا عبارة عن كود صغير وسهل وضعه في مدونتك عبر وضع هذا الكود في عنصر جديد عن طريق هذا المسار المعتاد الذي تعودنا عليه :
لوحة التحكم الرئيسية  التخطيط  اضافة عنصر
وبعد ذلك ضع هذا الكود في المكان المخصص له بدون وضع عنوان للعنصر :
<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 من هنا "تحميل الكود"
وأرجو منكم المشاركة بروابط ايقوناتكم التي تشير إلى الذهاب إلى أعلى ان وجد لديكم منها، عبر وضع روابط تلك الصور في التعليق ليستفاد منها الجميع وجزاكم الله كل خير.
وشكرا لتعاونكم معنا

ليست هناك تعليقات:

إرسال تعليق

رسالة أحدث رسالة أحدث الصفحة الرئيسية
رخصة المشاع الابداعي
تطبيقات الهواتف الذكية والحاسوب by موقع عربي يختص بتطوير مدونات البلوجر , دروس وشروحات وإضافات هو المرخص لها بموجب المشاع الإبداعي المشاركة على قدم المساواة-غير تجاري-نسب العمل 3.0 الاصلية الترخيص .
بناء على العمل الذي bu2lrot.blogspot.com.
الاذونات الخارجة عن نطاق هذا الترخيص قد تكون متاحة في http://bu2lrot.blogspot.com/.