إذا كانت الصفحة الرئيسية لمدونتك تحتوي على الكثير من التدوينات أو أن تدويناتك طويلة نوعا ما و تريد أن تجعل الزائر يرتاح و يستطيع أن ينتقل لأعلى المدونة بكل سهولة فمبتغاك سهل فأكمل معنا المقالة لتتعرف على طريقة إضافة زر أنيق جدا لا يختفي و فور الضغط عليه ينقل إلى أعلى الصفحة خلال ثانية واحدة.
أولا : نتوجه إلى التخطيط ثم أضف أداة فنختار Html/javascript .
ثانيا : نضع هذا الكود و نعمل حفظ.
الكود :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
سيظهر الكود في أسقل الصفحة و يتبعك أينما ذهبت و تستطيع رؤية النتيجة في مدونتي هذه.
إذا أردت تغيير شكل السهم , فإستبدل رابط الصورة التالي برابط الصورة التي تريدها:
http://img119.imageshack.us/img119/8589/arrowupcx2.gif
شكرا لك على وقتك , دمت بخير.
شارك هذه الصفحة :
0 التعليقات:
إرسال تعليق