wmaraci reklam
lidertakipci

Yukarıya Sabit Menü Nasıl Yapılır?

6 Mesajlar 3.806 Okunma
advertseo
wmaraci reklam

berkayztr berkayztr WM Aracı Kullanıcı
  • Üyelik 15.08.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Software Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** B**
  • Mesajlar 223
  • Beğeniler 51 / 67
  • Ticaret 5, (%100)
Saygıdeğer wmaracı ailesi herkese selamlar, aşağıda bulunan linkteki temada aşağı indikçe o yukarıdaki menü sabit kalıyor bunu nasıl sağlayabilirim? Okuldaki proje ödevim için bir web tasarım hazırlamam gerekiyor yapacağım tasarımda böyle birşey olmasını istiyorum yardımcı olabilecek birisi varsa sevinirim şimdiden teşekkürler :)

Link ;

http://themeforest.net/item/foundry-multipurpose-html-variant-page-builder/full_screen_preview/11562108
 

 

wmaraci
reklam

YagizGuler YagizGuler WM Aracı Kullanıcı
  • Üyelik 22.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Mobile Software Developer
  • Konum İzmir
  • Ad Soyad Y** G**
  • Mesajlar 38
  • Beğeniler 4 / 16
  • Ticaret 0, (%0)
Css içinde menunun bulunduğu kısımda koymak istediğiniz yeri belirledikten sonra, position:fixed olarak ayarlarsanız istediğinizi yapmış olursunuz. Kolay gelsin saygılar.
 

 

berkayztr berkayztr WM Aracı Kullanıcı
  • Üyelik 15.08.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Software Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** B**
  • Mesajlar 223
  • Beğeniler 51 / 67
  • Ticaret 5, (%100)
YagizGuler hocam elinizde bir örnek varmı bu konularda yeniyimde tam olarak nasıl yapacağım konusunda bilgi veren bir makale vs. bulunuyor mu ?
 

 

YagizGuler YagizGuler WM Aracı Kullanıcı
  • Üyelik 22.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Mobile Software Developer
  • Konum İzmir
  • Ad Soyad Y** G**
  • Mesajlar 38
  • Beğeniler 4 / 16
  • Ticaret 0, (%0)
elimde örnek yok kardeşim de "fixed menu in css" olarak taratırsan stackoverflow yardımcı olur sana.
 

 

wmaraci
wmaraci

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
dostum ben sana kısaca anlatayım mantığı anladıktan sonra gerisi kolay. en baş bize menü kodları lazım css'siz sadece html olacak şekilde. şunun gibi:


şimdi menümüzün id'si "ust-sabit-menu" menünü css dosyalarına gelip:

.ust-sabit-menu{
position:fixed;
top:0;
}


bu kodlardaki amaç ise "position:fixed" menüyü sabitleyecektir, yani sayfayı aşağı kaydırsan bile "top:0" yaptığımız için yukarıdan 0 pikselde yani en yukarıda kalarak sabit olarak sürüklenecektir.

burda menünün ayrı css dosyaları yok onuda kendine göre ayarlarsın. umarım mantığı anlamışsındır.


-----


ek olarak anlamazsan eğer wmaracından örnek vereyim. üst barın adı wmbar



csste gördüğün gibi position:fixed var.
devrimedia

kişi bu mesajı beğendi.

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
Örnek: https://jsfiddle.net/o97qgurh/
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al