lostyazilim

containerin solunda kayan buton yapımındaki sorunum

11 Mesajlar 2.679 Okunma
lstbozum
wmaraci reklam

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazar
  • Konum
  • Ad Soyad A** E**
  • Mesajlar 398
  • Beğeniler 13 / 67
  • Ticaret 6, (%100)
Arkadaşlar merhaba, konuma hoş geldiniz :)

Yapmak istediğim şeyi aşağıdaki resimde anlatayım. Bootstrap 4 kullanıyorum. Fixed headerim var. Menüler containerin içinde bulunuyor. Ve menüler ekrana resimde görüldüğü gibi ortalanmış durumdalar. Altında container var. İçinde de içerik var. Bu containerın sol tarafına kayan buton koymak istiyorum. Koyuyorum da zaten ama ekran küçüldükçe bu kayan butonlar, hemen sağında bulunan containerin üzerine doğru kayıyor ve yazıların üstüne çıkıyor. Bense ekran küçüldüğü zaman containerın üzerine geçmeden container küçülsün, fakat kayan butonların olduğu divin genişliği değişmesin istiyorum.


resimag.com/p1/3e6d5b2e8f.jpeg
 

 

wmaraci
reklam

Bulutekno Bulutekno Free Free Freelancer... Kullanıcı
  • Üyelik 15.10.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek FreeHuman
  • Konum Samsun
  • Ad Soyad V** B**
  • Mesajlar 422
  • Beğeniler 103 / 141
  • Ticaret 3, (%100)
Site adresinizi PM atın hocam bir bakayım. Resim çalışmıyor.
 

 

HTML-CSS ve BOOTSTRAP-JQUERY,
PSD döküm,
Tema editleme.
Temayı responsive hale getirme.

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazar
  • Konum
  • Ad Soyad A** E**
  • Mesajlar 398
  • Beğeniler 13 / 67
  • Ticaret 6, (%100)
Bulutekno https://i.hizliresim.com/v6gpam.jpg resim bu hocam. Buradaki gibi olsun istiyorum. Site yok elimizde lokalde çalışıyoruz.
 

 

Bulutekno Bulutekno Free Free Freelancer... Kullanıcı
  • Üyelik 15.10.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek FreeHuman
  • Konum Samsun
  • Ad Soyad V** B**
  • Mesajlar 422
  • Beğeniler 103 / 141
  • Ticaret 3, (%100)
Hocam html-css dosynızı live:ea2e40e62015ce40 buraya atar mısınız bakayım.. Skype adresim..
 

 

HTML-CSS ve BOOTSTRAP-JQUERY,
PSD döküm,
Tema editleme.
Temayı responsive hale getirme.
wmaraci
wmaraci

Bulutekno Bulutekno Free Free Freelancer... Kullanıcı
  • Üyelik 15.10.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek FreeHuman
  • Konum Samsun
  • Ad Soyad V** B**
  • Mesajlar 422
  • Beğeniler 103 / 141
  • Ticaret 3, (%100)
karolla sizin için örnek bir tane yaptım. Örnek üzerinden mantığını anlayabilirsiniz.

https://codepen.io/Excerpt/pen/XorOpy
 

 

HTML-CSS ve BOOTSTRAP-JQUERY,
PSD döküm,
Tema editleme.
Temayı responsive hale getirme.

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Şöyle bir şey mi istiyorsunuz?
https://codepen.io/wpuzman/pen/PXYVKW
 

 

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazar
  • Konum
  • Ad Soyad A** E**
  • Mesajlar 398
  • Beğeniler 13 / 67
  • Ticaret 6, (%100)
bilimokur hocam o soldaki sosyal medya butonları tam orada olacak. Ama fixed olacak. Yani orada yukarı gitmeyecek. Sticky olabilir. Fakat bunu yapınca ekran küçüldükçe containerin üstüne çıkıyor.

.floating-buttons {
position: fixed;
left:340px;
width: 50px;
background-color: #FF9800;
}
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
https://i.hizliresim.com/v6gpam.jpg attığınız görselde solda gözüküyor. şimdi tam ortada olacak diyorsunuz. tam olarak ne istediğinizi anlamadım.
 

 

karolla karolla WM Aracı Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazar
  • Konum
  • Ad Soyad A** E**
  • Mesajlar 398
  • Beğeniler 13 / 67
  • Ticaret 6, (%100)
bilimokur Yok tam sizin yaptığınız gibi olacak. Şimdi ben bu soldaki floating butonların içine div attım. Fixed yaptım. Şuan oldu. Ben şimdi header eklerken headerin menüleri floating butonlardan değil de wrapperden itibaren başlasın istiyorum.

https://codepen.io/anon/pen/LMPvvq
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
https://codepen.io/wpuzman/pen/yGBWRR
 

 

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