ط*ط±ظƒط© ط¬ظ…ظٹظ„ط© طھط³ظ‡ظ„ ط¹ظ„ظ‰ ط§ط¹ط¶ط§ط¦ظƒ ظˆط²ظˆط§ط±ظƒ ط§ظ„ظƒط«ظٹط±


بسم الله الرحمن الرحيم





السلام عليكم ورحمة الله وبركاته





سهل على أعضائك وزوارك الرجوع إلى أعلى الصفحة





إضافة ممتازة تجعل الزوار والأعضاء يرجعون إلى أعلى صفحة المنتدى forum بسهولة





مشاهدة المثال






طريقة التركيب install
----------------




اولا:




قم برفع مجلد back_to_top الذي في المرفقات إلى مجلد منتداك /vb





المجلد يحتوي على ملف .js وصور الرجوع إلى الأعلى




مثال على الصور:






































وهناك عدة أشكال في المرفقات يمكنك اختيار الصور المناسبة




ثانيا:




ندخل لوحة التحكم ---> التحكم في الستايل styleات --> خيارات جميع الستايل styleات --> CSS الرئيسي -->











نضيف الكود code التالي في اخر : تعاريف CSS الإضافية/Additional CSS Definitions







رمز PHP:
<code style="white-space:nowrap"> <code>
#backtotop {
padding:5px;
position:fixed;



bottom:10px;right:10px;
cursor:pointer;
}
</code> </code>














بعد ذلك نذهب إلى إلى المسار التالي: لوحة التحكم ---> البحث في القوالب-->


نبحث عن header














ثم نضيف في آخر الهيدر header الكود code التالي:





رمز PHP:
<code style="white-space:nowrap"> <code>

<!--بداية كود code الرجوع إلى أعلى الصفحة -->
<script src='/vb/back_to_top/back_to_top.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
<a href="#" id="backtotop"><img border="0" src="/vb/back_to_top/back.png" alt="أعلى الصفحة" /></a>
<!--نهاية كود code الرجوع إلى أعلى الصفحة -->
</code> </code>








ثم نحفظ العمل




ومبرووووووووووك عليكم الإضافة




منقووووول




احترامى






الملفات المرفقة [TR]
back_to_top.zip (52.7 كيلوبايت, عدد مرات المشاهدة 15 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©