منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


كود جافا نافبار ثابت به ازرار التصفح الرئيسية
 

 كود جافا نافبار ثابت به ازرار التصفح الرئيسية

اذهب الى الأسفل 
كاتب الموضوعرسالة
1M ThE BesT
مؤسس الإبداع العربي 

1M ThE BesT

ذكر
الدلو
عدد المساهمات : 1241
نقاط النشاط : 1606
السٌّمعَة : 39
بلد العضو : كود جافا نافبار ثابت به ازرار التصفح الرئيسية Algeri10
العمر : 26

كود جافا نافبار ثابت به ازرار التصفح الرئيسية Empty
مُساهمةموضوع: كود جافا نافبار ثابت به ازرار التصفح الرئيسية   كود جافا نافبار ثابت به ازرار التصفح الرئيسية Emptyالخميس مايو 07, 2020 1:30 pm

السلام عليكم ورحمة الله وبركاته
كود جافا نافبار ثابت به ازرار التصفح
صورة للكود
https://i.servimg.com/u/f21/18/21/41/30/light-10.png
كود جافا نافبار ثابت به ازرار التصفح الرئيسية Light-10
طريقة تركيب
كود جافا ضعه بجميع الصفحات

كود الجافا :
الكود:

(function() {

  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }

  FA.Nav = {
  
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
  
    customNav : '', // custom navlinks
  
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
  
  
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '110px'
      },
    
      tbHidden : {
        bottom : 0,
        top : '0px'

      },
    
      toggler : '0px'
    },
  
    activeOffset : {}, // active offset for the sticky nav
  
    visible : true, // sticky nav is visible
  
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
    
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
                      FA.Nav.barSticky.style.position = 'fixed';
FA.Nav.toggler.style.position = 'fixed';
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '110px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '110px';
            FA.Nav.barSticky.style.position = 'absolute';
FA.Nav.toggler.style.position = 'absolute';
          FA.Nav.barSticky.style.top = '110px';
                  FA.Nav.visible = false;
        }

      }
    },
  
    animating : false, // sticky nav is animating
  
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
    
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
  
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
  
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
  
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
  
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '0px';
        
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
        
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '0px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
        
        document.body.appendChild(FA.Nav.toggler);
      };
      
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
    
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
      
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

كود الـCss:
الكود:
/* مايكل سوفت sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition: 0ms linear, width 600ms ease-in-out;
}

#fa_sticky_nav li { display:inline } /* navlist adjustment */


/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition: 0ms;
}

#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}


/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:0ms linear;
}

#fa_sticky_toggle:hover { background-position:-30px 0 }


/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}


/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}
div.navbar ul.linklist {
    font-size: 0;
    padding-bottom: 50px;
}

دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : كود جافا نافبار ثابت به ازرار التصفح الرئيسية Saudi-10
العمر : 34
كود جافا نافبار ثابت به ازرار التصفح الرئيسية Yoo_ao11

كود جافا نافبار ثابت به ازرار التصفح الرئيسية Empty
مُساهمةموضوع: رد: كود جافا نافبار ثابت به ازرار التصفح الرئيسية   كود جافا نافبار ثابت به ازرار التصفح الرئيسية Emptyالأحد مايو 10, 2020 6:03 am

من اجمل الاكواد
كود لعمل عارضة للازرار الرئيسية بشكل جاذب
يعطي للمنتدى شكل متطور
#كود خورافي
شكرا لك على النقل


كود جافا نافبار ثابت به ازرار التصفح الرئيسية Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
الـكـاسـح
مرشح فريق الإشراف 

الـكـاسـح

ذكر
عدد المساهمات : 142
نقاط النشاط : 156
السٌّمعَة : 1
بلد العضو : كود جافا نافبار ثابت به ازرار التصفح الرئيسية Libya10

كود جافا نافبار ثابت به ازرار التصفح الرئيسية Empty
مُساهمةموضوع: رد: كود جافا نافبار ثابت به ازرار التصفح الرئيسية   كود جافا نافبار ثابت به ازرار التصفح الرئيسية Emptyالثلاثاء مايو 12, 2020 3:20 am

بارك الله فيك 


ابدعت 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
AL-SHAM5
مؤسس الإبداع العربي 

AL-SHAM5

ذكر
عدد المساهمات : 92562
نقاط النشاط : 102416
السٌّمعَة : 702
بلد العضو : كود جافا نافبار ثابت به ازرار التصفح الرئيسية Ioao10

كود جافا نافبار ثابت به ازرار التصفح الرئيسية Empty
مُساهمةموضوع: رد: كود جافا نافبار ثابت به ازرار التصفح الرئيسية   كود جافا نافبار ثابت به ازرار التصفح الرئيسية Emptyالخميس مايو 14, 2020 3:17 am

شكرا لك

بوركت ودام عطائك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود جافا نافبار ثابت به ازرار التصفح الرئيسية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020