طلب كود
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
رد: طلب كود
اهلا اخي تفضل
هذا الكود HTML يوضع في اي مكان العناصر المستقلة او التشكيلات العامة او الاعلانات الخاصة على راحتك
كود Javascript
هذا الكود HTML يوضع في اي مكان العناصر المستقلة او التشكيلات العامة او الاعلانات الخاصة على راحتك
- الكود:
<div
id="backtotop"> <img
src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png" alt="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>
كود Javascript
- الكود:
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#backtotop').fadeIn();
} else {
$('#backtotop').fadeOut();
}
});
$('#backtotop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
زائر- زائر
رد: طلب كود
وللاضافه ايضا
يغلق لاتمام الحل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
فريق المساعدة
تحياتي
أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
لا يتم المساعدة على الخاص!
Mohamed- احلى إدارة
-
عدد المساهمات : 11351
معدل النشاط : 15992
السُمعة : 454
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى