تذكرني |نسيت كلمة السر؟| سجل كعضو جديد

★منتديات نجم نت★

www.najmnet.ephpbb.com

الرئيسية  المنشورات  س .و .ج  بحـث  الأعضاء  المجموعات  التسجيل  دخول  دردشة نجم نت  
إحصائيـــــــــــــــــــــــــات منتـــــــــــــــــدى نجم نت
أفضل الاعضاء هذا الشهر
أخر المشاركات
أحصائيات سريعة
هذا المنتدى يتوفر على 926 عُضو.
آخر عُضو مُسجل هو عريب في بلادي فمرحباً به.
أعضاؤنا قدموا 1612 مساهمة في هذا المنتدى , في 930 موضوع


شاطر | 
 

 كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معتز بالله admin
مدراء المنتدى
مدراء المنتدى
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : الجزائر
المهنة المهنة : مبرمج
الهواية الهواية : الكتابة
المزاج المزاج : 49
عدد المساهمات عدد المساهمات : 501
نقاط نقاط : 16386
السٌّمعَة السٌّمعَة : 66
العمر العمر : 30
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017   13/02/17, 12:55 am

شارك الموضوع مع:
نقدم لكم اليوم في موقع منتديات نجم نت 
 كود الصعود و النزول في الموقع  بالنسبة المؤوية 
(إضافة النسبة المئوية بجانب السكرول بار)
 
صورة للكود


نبدأعلى بركة الله 
اولا نفتح لوحة الإدراة ثم ادراة عامة ثم overall_header
و نضع الكود فوق(
الكود:
</head>

) مباشرتا
الكود:

[font=monospace]<script type="text/javascript">
  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>[/font]


و نضع الكود اسفل (
الكود:
</head>

) مباشرتا

الكود التالي 
الكود:
<div id='scroll'></div>

الان نمر إلأى كود css
ربط مخفي


مبروك الكود 

لتغير لونه ابحث في كو css على الرمزين #369fcf 
مع السلامة
توقيع : معتز بالله admin




:n:j:m*:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://najmnet.ephpbb.com
عريب في بلادي
عضو جديد
عضو جديد
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : مصر
المهنة المهنة : غير معروف
الهواية الهواية : غير معروف
المزاج المزاج : 5
عدد المساهمات عدد المساهمات : 4
نقاط نقاط : 779
السٌّمعَة السٌّمعَة : 1
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت : :

مُساهمةموضوع: رد: كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017   20/02/18, 03:02 pm

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود تومبيلات الصعود والنزول في الموقع بالنسبة المؤوية 2017
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات نجم نت | najmnet forums :: منتديات نجم نت للستيلات و اكودها وإشهارها :: منتـديات أكواد للمـنتديات المجانية :: اكواد التومبيلات Template-
منتديات نجم نت | najmnet forums غير مسؤولة عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي منتديات نجم نت | najmnet forums ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)