اخر الاخبار

breaking/انترنيت/9
قوالب

5:40 م

تكبير النص تصغير النص أعادة للحجم الطبيعي



إضافة جديده بعد توفق للمدونة عن النشر هى اضافة ليست بجديده ولكن احببت ان اشاركها معكم وهى إضافة أضافة النسبة المئوية في شريط التمرير الجانبى للمدونة وانا اعتقد انها سوف تعجب الكثيرون من المدونين.


شرح طريقة التركيب :
    1. قم بالبحث فى قالب مدونت عن الوسم <b:skin/><[[     
    2. ثم قم بوضع الكود التالى فوقه - قبله:
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#F74047; color:#fff; border-radius:3px; font-size:14px; } #scroll:after { content: " "; position: absolute; top:50%; right:-10px; height:0; width:0; margin-top:-6px; border:6px solid transparent; border-left-color:#F74047; }

    1. قم بالبحث فى قالب مدونتك عن الوسم <body/>     
    2. ثم قم بوضع الكود التالى فوقه - قبله:
<script type='text/javascript'> //<![CDATA[ var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(600); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(600); }, 1000); }); //]]> </script>

قم بالبحث فى قالب مدونتك عن الوسم <body>     

 ثم قم بوضع الكود المجاور اسفل >>>  <div id='scroll'></div>     


إرسال تعليق