سمسم
فريقي المفضل : البلد : الجنس : الهواية : المهنة : مزاجـى : التقيم : 1
| موضوع: كود الانتقال إلى أعلى الثلاثاء مارس 06, 2012 4:02 pm | |
| تعتبر هذه الإضافة من الكماليات وليست من الأساسيات فهي تعتبر إضافة إلى حد ما مهمة لأصحاب المدونات التي تحتوي صفحاتهم الرئيسية على عدد كبير من المقالات او الموضوعات او التي موضوعاتهم كبيره لدرجة يعتبر فيها الرجوع إلى اعلى الصفحه عمليه مملة لدى الزائر لكن البعض من المدونات تحب إضافة هذه الإضافة البسيط .وهو عبارة عن صورة او ايقونة صغير لسهم اتجاهه إلى اعلى يتواجد في الجانب الايمن اسفل المتصفح كم بتلك الصورة :وبما انها اداه بسيطة فهي ايضا عبارة عن كود صغير وسهل وضعه في مدونتك عبر وضع هذا الكود في عنصر جديد عن طريق هذا المسار المعتاد الذي تعودنا عليه :لوحة التحكم الرئيسية – التخطيط – اضافة عنصروبعد ذلك ضع هذا الكود في المكان المخصص له بدون وضع عنوان للعنصر : - الكود:
-
[font=Arial]<[/font]a style="display:scroll;position:fixed;bottom:5px;[color=red]right[/color]:5px;" href="#" title="[color=#7030A0]Back to Top[/color]"><img src="http://img256.imageshack.us/img256/1627/top2010.gif" /></a[font=Arial]>[font=Arial] [/font][/font] ثم احفظومن مميزات هذه الإضافة ان زر الانتقال إلى الأعلى يتبع متصفح مدونتك اينما ذهب لأسفل او لأعلى في الجانب الايمن اسفل الصفحة كما تجده في مدونتي "قد يتم حذف هذه الإضافة من مدونتي بعد فتره من نشر الموضوع ، فهي فقط للتوضيح"ملاحظه :1. يمكنك تغيير الصورة (الأيقونة) عن طريق تغيير رابط الصوره الموجود في الكود مثل رابط الصورة هذا :ووضع رابط الصورة التي تريدها "بعد رفعها على اي موقع لرفع الصور"2. يمكنك ايضا نقل الزر من اليمين إلى اليسار عبر تغيير كلمة right إلى كلمة left3. مقاس الصورة او الايقونة الاعتيادي هو 25x 25 بكسل4. يمكنك ملاحظة أيضا عند وقوففك بمؤشر الفأرة على أيقونة الانتقال إلى أعلى في هذه المدونة، تلك الجملة الانجليزية (Back to Top) وهي تعني "العوده إلى أعلى" يمكنك تغييرها إلى أي جملة تراها مناسبه لتعني الذهاب إلى أعلى الصفحة عن طريق تغيير تلك الجملة المتواجدة في الكود باللون البنفسجي (Back to Top) ولو حتى بأستخدام اللغة العربية لتصبح مثل هذه الصورة :ولتحميل مجموعة صغيرة من الأيقونات (عبارة عن اسهم لأعلى ، مقاس 25x 25 بكسل) لاختيار السهم الذي يناسبك من هنا "تحميل الأيقونات"بعد اختيار الأيقونة التي تناسبك ارفع الصورة على أحد مواقع رفع الصورة مثل وخذ رابط الصورة وضعه بدل رابط الصورة الموجود بالكود | |
|
demo
فريقي المفضل : البلد : الجنس : الهواية : المهنة : مزاجـى : التقيم : 0
| |