lostyazilim
tr.link

CSS ile Yatay Kaydırma Çubuğu Nasıl Yapılır?

7 Mesajlar 2.815 Okunma
acebozum
tr.link

bulentking bulentking WordPress Developer Kullanıcı
  • Üyelik 16.07.2019
  • Yaş/Cinsiyet 21 / E
  • Meslek Webmaster
  • Konum İstanbul Anadolu
  • Ad Soyad B** L**
  • Mesajlar 348
  • Beğeniler 91 / 127
  • Ticaret 1, (%100)
Merhaba dostlar. Editlemiş olduğum rüya tabirleri sitem için yatay kaydırma çubuğu yapmak istiyorum. Yani siteye mobilden girildiğinde alfabetik menüm aynı şu sitede ki gibi olmasını istiyorum; ruya.ferdisahin.net.tr

Lütfen yardımcı olun arkadaşlar. İki gündür uğraşıyorum, araştırıyorum hiçbir sonuç alamadım.
 

 

wmaraci
reklam

Mfa Mfa WM Aracı Kullanıcı
  • Üyelik 18.06.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek Mezun
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 986
  • Beğeniler 304 / 308
  • Ticaret 1, (%100)
Bu konuyu bende çok uzun süredir merak edip araştırdım. Ne olarak arayacağımı bilmiyordum. Daha dün bir yerde rastladım en azından araştırmanıza yardımcı olur.

CSS'nin overflow-x özelliğini araştıracaksınız. Basit gibi duruyor daha denemedim
bulentking

kişi bu mesajı beğendi.

bulentking bulentking WordPress Developer Kullanıcı
  • Üyelik 16.07.2019
  • Yaş/Cinsiyet 21 / E
  • Meslek Webmaster
  • Konum İstanbul Anadolu
  • Ad Soyad B** L**
  • Mesajlar 348
  • Beğeniler 91 / 127
  • Ticaret 1, (%100)
Menüyü oluşturduğum div de şu kodları yazdım yine olmadı:
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
 

 

seokoz seokoz Yazılım ve Tasarım Kullanıcı
  • Üyelik 18.01.2019
  • Yaş/Cinsiyet 25 / E
  • Meslek Webmaster
  • Konum Aydın
  • Ad Soyad E** B**
  • Mesajlar 192
  • Beğeniler 40 / 47
  • Ticaret 1, (%100)
https://www.idnxmus.com/2019/05/menu-navigasi-scroll-ke-samping-di-blog.html
blogger için dediğiniz gibi yatay menü var.scroll menü diye aratırsanız belki çıkar
bulentking

kişi bu mesajı beğendi.

wmaraci
wmaraci

srkn12 srkn12 PHP - Javascript - Java Kullanıcı
  • Üyelik 28.03.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilişim
  • Konum Denizli
  • Ad Soyad S** K**
  • Mesajlar 411
  • Beğeniler 67 / 90
  • Ticaret 0, (%0)
Buyrun;












bulentking

kişi bu mesajı beğendi.

bulentking bulentking WordPress Developer Kullanıcı
  • Üyelik 16.07.2019
  • Yaş/Cinsiyet 21 / E
  • Meslek Webmaster
  • Konum İstanbul Anadolu
  • Ad Soyad B** L**
  • Mesajlar 348
  • Beğeniler 91 / 127
  • Ticaret 1, (%100)
srkn12 çok teşekkür ederim hocam sayenizde çözdüm. Ben aslında önceden sorumun cevabını bulmuşum ancak kodları nereye ekleyeceğimi bilmiyormuşum. Yatay menüler mobil cihazlarda çalıştığı için css de @media parametresinin altına kodları eklemem gerekiyormuş. Bundan önce de menünün divlerinin olduğu kısıma ek 1 tane daha div açıp o divide @media parametresinin altında kullanmam gerekiyormuş. Bilmeyenlerde öğrenmiş oldu :)
 

 

ozmencelik ozmencelik Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.01.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek .Net Developer - İng Öğretmeni
  • Konum İzmir
  • Ad Soyad Ö** Ç**
  • Mesajlar 339
  • Beğeniler 39 / 160
  • Ticaret 0, (%0)
https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

bu sitede aradığın hersey var

iyi forumlar
bulentking

kişi bu mesajı beğendi.

wmaraci
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