إضافة زر " إلى الاعلى " إلى المدونة .




بســـــم الله الرحمــن الرحيـــم

الســـــلام عليكم ورحمة الله وبركـاته





إضافة زر " إلى الاعلى " إلى المدونة .


















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






وتظهر اهمية هذه الايقونة بالخصوص عندما تكون التدوينة طويلة ، بحيث تساعد الزائر على اختصار الوقت الذي سيععيده على على الصفحة من جديد .










وتركيب هذه الإضافة عملية سهلة ، يكفي إضافة الكود المطلوب عن طريق إضافة اداة إلى القالب وفق الخطوات التالية :








تخطيط + إضافة اداة + html/javascript .








وكود هذه الإضافة هو كما يلي :








<a href="#" style="bottom: 5px; position: fixed; right: 5px;" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png" /></a>









وهذا كود آخر :








<a href="#" style="bottom: 5px; position: fixed; right: 5px;" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>









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

7 التعليقات :

الطالب يقول...

السلام عليكم
أخيتي بارك الله فيك ،إضافة يحتاجها الكثيرون.
وددت التنويه على أنك عند تحريرك للموضوع أبقيت على الخيار الإفتراضي :تفسير HTML (خيارات الرسائل)،لذا لم يظهر الكود الذي استعملته في الدرس ولتصحيح هذا عليك بإختيار الخيار الثاني وهو : إظهار HTML فعليًا.
بارك الله فيك

Haifaa يقول...

جــــــاري التعديل ..
بارك الله فيك

غير معرف يقول...

اضافة جميلة
تشكرين عليها

Haifaa يقول...

حياكم الله ..

hamada يقول...

جميل شرحك اختى الغاليه هيفا
باك الله فيكى و لك
دمتى فى خير و فى انتظار كل الجديد و المفيد منك
تقبلى مرورى

Haifaa يقول...

أهلا وسهلا بك أخي حمادة .. سررت جدا لمرورك واطلاعك على مدونتي ..

lolo يقول...

يعطيكي العاافيه~
ع المجهـود الرائع~
,]d

إرسال تعليق

لاتقرأ وترحل ..
بل ضع لك بصمة في المكان قبيل الرحيل ..