منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t14765
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

شرح إضافة زرّ العودة للأعلى لجميع الاستايلات
Mr King 27-10-2013 07:27 مساءً
السلام عليكم ورحمة الله

مثال للزرّ

NDI0NzcyMQ9191scroll

طريقة التّركيب :

1- قم بتحميل الملف من المرفقات
بعد فكّ الضغط سيتمّ استخراج مجلّد اسمه scroll و ملف كود إضافة الزّر
ارفع المجلّد scroll إلى مجلّد المنتدى

2- اذهب إلى لوحة الإدارة - إعلانات ادسنس - إضافة إعلان ادسنس جديد

اسم الإعلان : scroll

أدخل شفرة الإعلان
قابل للكتابة بأكواد Html : (أضف الكود التّالي)
CODE

	<script type="text/javascript">
	$(function(){$(window).scroll(function(){if ($(this).scrollTop() > 120){$('.scroll').fadeIn();}else{$('.scroll').fadeOut();}});
	$(function(){$('.scroll').click(function(){$("html,body").animate({scrollTop:0},1200); return false;});});});
	</script>
	<style type="text/css" media="all">.scroll {display:none;}.scroll a {position:fixed;  right:40px; background: url(scroll/top.png);  bottom:1%; width:94px; height:30px;}.scroll a:hover {background: url(scroll/top.png) 0 92px; }.scroll img{position:fixed; right:3%; bottom:1%;}</style>
	<div class="scroll"><a><img src="scroll/bg.gif" title="الرجوع للأعلى" alt="الرجوع للأعلى" ></a></div>
	


يظهر في جميع الصّفحات : " نعم "

ثمّ اضغط " موافق "


انتهى biggrin2
بالتوفيق 805681
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved