lmooosh4477
عدد المساهمات : 88 معدل النشاط : 4132 السُمعة : 0
| موضوع: ممكن هالكود ! الأحد 29 يونيو 2014 - 3:11 | |
| االسلآم عليكم ممكن كود السهم في مثل هذا المنتدى آنزلو ف آخررر شششيء ! تلقون ع جنب اليمين سهم لم اضغط عليه يرقيني فوق ف البدآيه ممكن هآلكود ؟ مآبغآه يكون تومبيلآت ابي ورقة css او جآفآ سكريبت | |
|
Mohamed احلى إدارة
عدد المساهمات : 11354 معدل النشاط : 16001 السُمعة : 454
| موضوع: رد: ممكن هالكود ! الأحد 29 يونيو 2014 - 7:03 | |
| مرحبا اختي هنا كودين تفضلي الاول: كود وضع أزرار تمرير للمنتدى [ أعلى - أسفل ]وتفضلي الثاني: - Mohamed Nsr كتب:
بسم الله الرحمن الرحيم السلام عليكم اخواني واخواتي اقدم اليوم اليكم كود جميل الا وهو كود الصعود والنزول في المنتدى
اولا صورة للكود:
ثانيا طريقة وضع الكود *اولا:لوحة الاداره>>عناصر إضافية>>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 فريق المساعدة
تحياتي
| |
|
فالكون
عدد المساهمات : 159 معدل النشاط : 4517 السُمعة : 7
| موضوع: رد: ممكن هالكود ! الأحد 29 يونيو 2014 - 8:14 | |
| بعد اذن الاخ المساعد هذا الكود الذي تريدينه ضعي هذا في جافا سكريبت - الكود:
-
$(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#backtotop').fadeIn(); } else { $('#backtotop').fadeOut(); } }); $('#backtotop').click(function() { $('body,html').animate({scrollTop:0},800); }); }); وهذا في اي مكان يقبل الهتمل مثل العناصر المستقلة - الكود:
-
<!-- www.4egy.net --> <div id="backtotop"> <img src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png" al=t"Back to Top"/></div> <style> #backtotop { bottom: 30px; color: #FFFFFF; cursor: pointer; display: none; font-size: 14px; opacity: 0.6; padding: 1px; position: fixed; text-align: center; z-index: 900; right: 5px; background-color : #000; border-radius : 8px; -webkit-border-radius : 8px; -moz-border-radius : 8px;} #backtotop:hover { opacity : 0.9;} </style> <!-- code by Mohamed & Ahmed abd Elfatah -->
بالتوفيق | |
|