Mohamed احلى إدارة
عدد المساهمات : 11354 معدل النشاط : 16001 السُمعة : 454
| موضوع: (JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr الأربعاء 18 يونيو 2014 - 20:35 | |
| بسم الله الرحمن الرحيم السلام عليكم اخواني واخواتي اقدم اليوم اليكم كود جميل الا وهو كود الصعود والنزول في المنتدى
اولا صورة للكود:
ثانيا طريقة وضع الكود *اولا:لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد العنوان * :كود الصعود والنزول في المنتدى(او حسب ما تريد) أضف الكود الى :جميع الصفحات كود Javascript * : - الكود:
-
$(function(){$("body").append('<div class="updownbutton"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Go to top" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Go to bottom" /></a></div>')}); يمكنك تغيير زر الصعود والنزول من الكود عن طريق الروابط التاليه - https://i.servimg.com/u/f42/09/02/12/09/sort_u10.png - https://i.servimg.com/u/f42/09/02/12/09/sort_d10.png
*ثانيا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال css >>ضع الكود >>سجل - الكود:
-
.updownbutton { position:fixed; bottom:40px; right:10px; /* replace right with left to display the buttons on the left */ z-index:100; } منقول للافادة وبهذا نكون انتهينا من شرح الكود التالي بالتوفيق ليكم MoHaMeD NsR فريق المساعدة
تحياتي
| |
|