lostyazilim
tr.link

Menü çubuğunun yüksekliğini azaltma

5 Mesajlar 749 Okunma
lstbozum
tr.link

egitims egitims WM Aracı Kullanıcı
  • Üyelik 04.07.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğretmen
  • Konum Malatya
  • Ad Soyad S** A**
  • Mesajlar 148
  • Beğeniler 20 / 24
  • Ticaret 2, (%100)
Menü çubuğunun yüksekliğini nasıl azaltabilirim?
Ben bir kaç değişkeni değiştirdim ama bulamadım yardımcı olursanız sevinirim

Bu header.php aşağıdaki gibi









<script>
(function($) {

$.fn.menumaker = function(options) {

var cssmenu = $(this), settings = $.extend({
title: "Menu",
format: "dropdown",
sticky: false
}, options);

return this.each(function() {
cssmenu.prepend('');
$(this).find("#menu-button").on('click', function(){
$(this).toggleClass('menu-opened');
var mainmenu = $(this).next('ul');
if (mainmenu.hasClass('open')) {
mainmenu.hide().removeClass('open');
}
else {
mainmenu.show().addClass('open');
if (settings.format === "dropdown") {
mainmenu.find('ul').show();
}
}
});

cssmenu.find('li ul').parent().addClass('has-sub');

multiTg = function() {
cssmenu.find(".has-sub").prepend('');
cssmenu.find('.submenu-button').on('click', function() {
$(this).toggleClass('submenu-opened');
if ($(this).siblings('ul').hasClass('open')) {
$(this).siblings('ul').removeClass('open').hide();
}
else {
$(this).siblings('ul').addClass('open').show();
}
});
};

if (settings.format === 'multitoggle') multiTg();
else cssmenu.addClass('dropdown');

if (settings.sticky === true) cssmenu.css('position', 'fixed');

resizeFix = function() {
if ($( window ).width() > 800) {
cssmenu.find('ul').show();
}

if ($(window).width() <= 800) {
cssmenu.find('ul').hide().removeClass('open');
}
};
resizeFix();
return $(window).on('resize', resizeFix);

});
};
})(jQuery);

(function($){
$(document).ready(function(){

$(document).ready(function() {
$(".menu-menu-container").menumaker({
title: "Menu",
format: "multitoggle"
});

$(".menu-menu-container").prepend("");

var foundActive = false, activeElement, linePosition = 0, menuLine = $(".menu-menu-container #menu-line"), lineWidth, defaultPosition, defaultWidth;

$(".menu-menu-container > ul > li").each(function() {
if ($(this).hasClass('active')) {
activeElement = $(this);
foundActive = true;
}
});

if (foundActive === false) {
activeElement = $(".menu-menu-container > ul > li").first();
}

defaultWidth = lineWidth = activeElement.width();

defaultPosition = linePosition = activeElement.position().left;

menuLine.css("width", lineWidth);
menuLine.css("left", linePosition);

$(".menu-menu-container > ul > li").hover(function() {
activeElement = $(this);
lineWidth = activeElement.width();
linePosition = activeElement.position().left;
menuLine.css("width", lineWidth);
menuLine.css("left", linePosition);
},
function() {
menuLine.css("left", defaultPosition);
menuLine.css("width", defaultWidth);
});

});


});
})(jQuery);
</script>



 


<script>
// $(window).load(function() { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('body').delay(350).css({'overflow':'visible'});
})
//]]>
</script>

wmaraci
reklam

OMRCKR OMRCKR www.OMRCKR.com Kullanıcı
  • Üyelik 27.07.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek Reklam, Yazılım, Tasarım
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Ç**
  • Mesajlar 224
  • Beğeniler 64 / 114
  • Ticaret 5, (%100)
seralakbaba verdiğin kod içinde yükseklik içeren sadece height: 45px leri görüyorum. Sayfa linkini atarsan yardımcı olayım. İstediğin şey bu kodlar arasında değil gibi.
egitims

kişi bu mesajı beğendi.

egitims egitims WM Aracı Kullanıcı
  • Üyelik 04.07.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğretmen
  • Konum Malatya
  • Ad Soyad S** A**
  • Mesajlar 148
  • Beğeniler 20 / 24
  • Ticaret 2, (%100)
Fenadami.com hocam çok tedekkür ederim ilginiz için @OMRCKR
 

 

OMRCKR OMRCKR www.OMRCKR.com Kullanıcı
  • Üyelik 27.07.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek Reklam, Yazılım, Tasarım
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Ç**
  • Mesajlar 224
  • Beğeniler 64 / 114
  • Ticaret 5, (%100)
seralakbaba



Üst kısmı mı daraltacaksın? Eğer orasıysa

style css dosyasında 554. satırında ki headerust class ının height i 100 px görünüyor. Oradan istediğin gibi azaltabilirsin
 

 

wmaraci
wmaraci

egitims egitims WM Aracı Kullanıcı
  • Üyelik 04.07.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğretmen
  • Konum Malatya
  • Ad Soyad S** A**
  • Mesajlar 148
  • Beğeniler 20 / 24
  • Ticaret 2, (%100)
Teşekkür ederim Ömer Bey
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)