MyBB Tutorials

Mybb sticky generate :)

Submitted by Darktheworld, , Thread ID: 104748

Thread Closed
29-10-2018, 10:48 AM
#1
Arkadalar ncelikle bunu headerinclude'ye yaptryoruz istediiniz yer olabilir.
Code:
<script type="text/javascript">
$(function(){
var shrinkHeader = 160;
$(window).scroll(function() {
  var scroll = getCurrentScroll();
   if ( scroll >= shrinkHeader ) {
      $('css ismi').addClass('shrink');
    }
    else {
      $('css ismi').removeClass('shrink');
    }
});
function getCurrentScroll() {
  return window.pageYOffset || document.documentElement.scrollTop;
  }
});
</script>

Admin Panelinden temanzn css ksmna gelip yeni bir css tablosu ayoruz
ve aadaki kodlar yaptryoruz.


Code:
.cssismi .shrink {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  top: 0px;
  justify-content: flex-end;
  position: fixed;
}
panel yazan ksm sizin aa inince yukarya sabitlemek istediiniz css in ismi olmas lazm

rnek:
1. resimde panel logo ksmnn altna duruyor deilmi
[Image: AzvzaQ.png]
2. resimde ise siz sitede aa inince panel yukarya sabitleniyor olay bu Smile

[Image: Y6a60D.png]

Users browsing this thread: 1 Guest(s)