lostyazilim
tr.link

sosyal medya butonlarını uyumlu yapma

7 Mesajlar 891 Okunma
acebozum
tr.link

blogtecrubem blogtecrubem www.blogtecrubem.com Kullanıcı
  • Üyelik 16.03.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 238
  • Beğeniler 155 / 55
  • Ticaret 0, (%0)
Merhabalar, bloguma sosyal medya butonları ekledim ama bir sorunu düzeltemedim.


Resimde gördüğünüz üzere sosyal butonlar mobilde uyumlu görünmüyor. Nasıl düzeltebilirim acaba?
Blogumun : http://blogtecrubem.blogspot.com/
 

 

elektronikssl
webimgo

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 321
  • Ticaret 19, (%100)
Css'den

#fawesomeicons a, bölümüne gelip
width: 44.2px;
değerini, bunun ile değiştirin
width: 14%;
max-width: 44.2px;


Şuan ki kullanmış olduğunuz sistem ile en uygunu budur. Normalde csslerde @media fonksiyonunu kullanıp her ekrana özel komutlar verilir. Ama bu yinede işinizi görecektir sanırım.

Kolay gelsin :rolleyes:
 

 

Shydox Shydox www.majerweb.com Kullanıcı
  • Üyelik 25.10.2017
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Sakarya
  • Ad Soyad A** U**
  • Mesajlar 903
  • Beğeniler 89 / 267
  • Ticaret 7, (%100)
Ben daha farkı anlamadan arkadaş kodu vermiş. Bol Kazançlar.
blogtecrubem

kişi bu mesajı beğendi.

blogtecrubem blogtecrubem www.blogtecrubem.com Kullanıcı
  • Üyelik 16.03.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 238
  • Beğeniler 155 / 55
  • Ticaret 0, (%0)

edcsmile adlı üyeden alıntı

Css'den

#fawesomeicons a, bölümüne gelip
width: 44.2px;
değerini, bunun ile değiştirin
width: 14%;
max-width: 44.2px;


Şuan ki kullanmış olduğunuz sistem ile en uygunu budur. Normalde csslerde @media fonksiyonunu kullanıp her ekrana özel komutlar verilir. Ama bu yinede işinizi görecektir sanırım.

Kolay gelsin :rolleyes:

Oradan da denedim ama olmadı ayrıca verdiğiniz kodlar da maalesef işe yaramadı. Teşekkür ederim.
 

 

wmaraci
wmaraci

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 321
  • Ticaret 19, (%100)

blogtecrubem adlı üyeden alıntı

Oradan da denedim ama olmadı ayrıca verdiğiniz kodlar da maalesef işe yaramadı. Teşekkür ederim.


Şuan ki hali ;



Verdiğim kodlarda ki hali ;



Diğer görüntülerde tabikide sağ ve soldan boşluk olacaktır. Buda diğer divlerin width genişliği %100 olduğu için. Butonları sürekli aynı hizada bırakamazsınız. Çünkü boyut ve oran küçük olduğu için boşluklar olacaktır.

İşe yaramayan nedir? En uygun hali budur diye belirtmiştim :rolleyes:
 

 

blogtecrubem blogtecrubem www.blogtecrubem.com Kullanıcı
  • Üyelik 16.03.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Blogger
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 238
  • Beğeniler 155 / 55
  • Ticaret 0, (%0)
Kusura bakmayın ben yanlış anlamışım. Asıl amacım o boşlukları ortadan kaldırmak.
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 321
  • Ticaret 19, (%100)

blogtecrubem adlı üyeden alıntı

Kusura bakmayın ben yanlış anlamışım. Asıl amacım o boşlukları ortadan kaldırmak.


Önemi yok :p Boşluklar için maalesef bir çözüm bulamazsınız. En iyi ihtimalle şuan ki haliyle kalacak veya sol'a hizalayabilirsiniz ama buda sağda boşluk bırakacaktır. Artık sizin seçiminize kalmış :rolleyes:
blogtecrubem

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