(JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr

اذهب الى الأسفل

(JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr Empty (JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr

مُساهمة من طرف Mohamed Nsr في الأربعاء 18 يونيو 2014 - 20:35

بسم الله الرحمن الرحيم 
السلام عليكم اخواني واخواتي
اقدم اليوم اليكم كود جميل الا وهو كود الصعود والنزول في المنتدى



اولا صورة للكود:
(JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr Mohame17



ثانيا طريقة وضع الكود
*اولا:لوحة الاداره>>عناصر إضافية>>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
فريق المساعدة
(JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr Help_r10
تحياتي
 (JAVASCRIPT) كود الصعود والنزول في المنتدى***Mohamed Nsr 221706 
Mohamed Nsr
Mohamed Nsr
 
 

ذكر
عدد المساهمات : 11062
معدل النشاط : 13827
السُمعة : 453

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى