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




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

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





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


















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






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










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








تخطيط + إضافة اداة + 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 فعليًا.
بارك الله فيك

Unknown يقول...

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

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

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

Unknown يقول...

حياكم الله ..

Hamada Muhamed يقول...

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

Unknown يقول...

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

lolo يقول...

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

إرسال تعليق

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