منتدى أسامة المبدع

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك شكرا

ادارة المنتدي أسامة المبدع

منتدى أسامة المبدع

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

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أسامة المبدع
صاحب♥♫ الموقع
صاحب♥♫ الموقع
avatar

جنسيتك جنسيتك : ذكر
عدد المواضيع عدد المواضيع : 590
متى سجلت متى سجلت : 25/03/2015
الأوسمة


مُساهمةموضوع: كود جافا سكربت ثابت به ازرار التصفح الرئيسية   الجمعة يوليو 22, 2016 12:14 am

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

طريقة تركيب
كود جافا ضعه بجميع الصفحات 

كود الجافا :
الكود:
[center](function() {[/center]


[center]  if (!window.FA) window.FA = {};[/center]
  if (FA.Nav) {

[center]    if (window.console && console.warn) console.warn('FA.Nav has already been defined');[/center]
    return;
  }

  FA.Nav = {
  
    // TARGET NODES BY VERSION

[center]    // PUNBB    : #pun-navlinks[/center]
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks

[center]    customNav : '', // custom navlinks[/center]
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
  
  

[center]    // offset states[/center]
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
  
  
    offsets : {

[center]        top : '0px'[/center]
      tbVisible : {
        bottom : 30,
        top : '110px'
      },
    
      tbHidden : {
        bottom : 0,

      },
    

[center]   [/center]
      toggler : '0px'
    },
  
    activeOffset : {}, // active offset for the sticky nav
  
    visible : true, // sticky nav is visible

[center]        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;[/center]
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
    

[center]          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;[/center]
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;

[center]        } else if (!hidden && FA.Nav.barSticky.style.top != '110px') {[/center]
                      FA.Nav.barSticky.style.position = 'fixed';
FA.Nav.toggler.style.position = 'fixed';
          FA.Nav.visible = true;
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '110px';

[center]    animating : false, // sticky nav is animating[/center]
            FA.Nav.barSticky.style.position = 'absolute';
FA.Nav.toggler.style.position = 'absolute';
          FA.Nav.barSticky.style.top = '110px';
                  FA.Nav.visible = false;
        }

      }
    },
  
  

[center]          top : FA.Nav.activeOffset.top[/center]
    // 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({
        }, function() {

[center]      if (FA.Nav.barSticky.style.width == '100%') {[/center]
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
  
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
        my_setcookie('fa_sticky_nav', 'hidden');

[center]    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;[/center]
        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
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';

[center]      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);[/center]
  
    // 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
      FA.Nav.barSticky.id = 'fa_sticky_nav';

[center]        FA.Nav.toggler = document.createElement('A');[/center]
      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.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '0px';

[center]          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;[/center]
        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.animate();
        });
      

[center]}());[/center]
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }

[center]  });[/center]

كود الـ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;
}

دمتم بخير
Sad

_________________
هذآ آلمنتدي منكم وإليكم..

كونك أحد أعضاء أو زوآر هذا المنتدي فأنت مؤتمن.. لك حقوق وعليك وآجبآت

!!..ليس العبرة بعدد المشآركآت..!! وإنمآ مآذآ كتبت ومآذآ قدمت لإخوانك الأعضاء والزوآر

كن مميز في أطروحاتك.. صآدقاً في معلومآتك.. محباً للخير

مرآقباً للمنتدي في غيآب آلمراقب.. مشرفاً للمنتدي في غيآب آلمشرف

آملين أن يتم المشاركة بينكمآ بكل حب وإحترام

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى أسامة المبدع :: لدعم اكواد احلى منتدى | osama-mobd3 :: أكواد الجافا إسكريبت JAVA-
انتقل الى: