السلام عليكم
اقدم لكم كود للانتقال الى اعلى الصفحة بسهولة مع أنه موجود مكان كملة top ولكن معظم الناس لاتنتبه عليه
وهذا الكود يصلح للمنتديات الكبيرة فهو ينقلك إلى أعلى المنتدى بالضغط عليه فوراً .
شاهد الصورة
طريقة التركيب
نبحث عن قالب header
واضف هذا الكود فى نهاية القالب وساوي حفظ
كود PHP:<!-- Floating Top Button -->
<script type="text/javascript">
function create_back_to_top() {
if(document.body){
var a = document.createElement('span');
a.innerHTML = "الاعلى";
var c = "opacity:0.7;position:fixed;text-align:right;right:0px;bottom:0px;z-index:50000;";
c+="border: 2px solid;-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;padding: 3px;color: MenuText;background-color: Menu;font-size:9pt;font-family:arial,sans-serif;cursor:pointer;";
a.style.cssText = c;
a.addEventListener('mouseover', function(){ a.style.opacity = 1; }, false);
a.addEventListener('mouseout', function(){ a.style.opacity = 0.5; }, false);
a.addEventListener('click', function(){ window.scrollTo(0,0); }, false);
document.body.appendChild(a);
}
};
if(self==top) create_back_to_top();
</script>
<!--/ Floating Top Button -->
وتنتهي القصة (نقدر نستبدل كلمة الأعلى بصورة ولكن مطلبنا التخفيف من الحمل على المنتدى).
رد مع اقتباس
