Sosyal medya butonlarını yan yana hizalı dizmek? |
12 Mesajlar | 8.923 Okunma | ||
- Üyelik 29.11.2010
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 125
- Beğeniler 3 / 8
- Ticaret 1, (%100)
Geçen kullandığım temada kazara başarmıştım; fakat şu an kullandığım tema da aynı yöntemleri denememe rağmen başaramadım. http://www.yyildiz.com/orjinal-tasarimlar-glennz-tees.html adresinde "Paylaşmak Güzeldir!" başlığının altında yer alan sosyal paylaşım butonlarını aynı hizaya nasıl getirebilirim?
- Üyelik 04.12.2011
- Yaş/Cinsiyet 35 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
float:left; denediniz mi?
- Üyelik 29.11.2010
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 125
- Beğeniler 3 / 8
- Ticaret 1, (%100)
float:left; denediniz mi?
Denedim; fakat çalışmadı. CSS baktım biraz. Çok fikir edinemedim. İşi bilen biri için birkaç dakikasını almaz sanırım.
- Üyelik 10.12.2011
- Yaş/Cinsiyet 40 / E
- Meslek Öğretmen
- Konum
- Ad Soyad ** **
- Mesajlar 98
- Beğeniler 1 / 15
- Ticaret 2, (%100)
- Üyelik 29.11.2010
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 125
- Beğeniler 3 / 8
- Ticaret 1, (%100)
.
.
Paylaşmak Güzeldir!
.
.
.
.
şeklinde çözebilirsin.
en iyisi sociable eklentisi kullan. wordpress.org/extend/plugins/sociable/
Malesef düzelmedi. Düşey hizalama "vertical-align" gibi yatay hizalayan bir şey olsa ve "baseline" seçebilsek belki olabilir. "horizontal-align" denedim; fakat böyle bir kod yok sanırım. Hiçbir işe yaramadı :)
.
Paylaşmak Güzeldir!
.
.
.
.
şeklinde çözebilirsin.
en iyisi sociable eklentisi kullan. wordpress.org/extend/plugins/sociable/
Malesef düzelmedi. Düşey hizalama "vertical-align" gibi yatay hizalayan bir şey olsa ve "baseline" seçebilsek belki olabilir. "horizontal-align" denedim; fakat böyle bir kod yok sanırım. Hiçbir işe yaramadı :)
heptasarim
Banlı Kullanıcı
- Üyelik 21.12.2011
- Yaş/Cinsiyet 41 / E
- Meslek Web Master
- Konum 1
- Ad Soyad G** T**
- Mesajlar 220
- Beğeniler 144 / 31
- Ticaret 0, (%0)
Denedim; fakat çalışmadı. CSS baktım biraz. Çok fikir edinemedim. İşi bilen biri için birkaç dakikasını almaz sanırım.
Resimleri yanyana dizmekle ilgili css kodları şunlar. Kendim kullanıyorum ama sende nasıl durur bilmem. Fikir vermesi açısından yazıyorum. Sorununu çözmeyebilir.
4 tane sosyal medya butonu olduğunu varsayarsak ve bu butonların boyuları 32 * 32 ise :
Css dosyasına eklenecekler :
#dissosyal { width:150px; height:32px; background:#fff; }
.icsosyal { width:32px; height:32px; float:left; margin-right:3px; margin-left:2px; padding:2px;}
Template dosyana yazılacaklar :
- Üyelik 29.11.2010
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 125
- Beğeniler 3 / 8
- Ticaret 1, (%100)
@heptasarim Böyle ve benim eski yaptığım gibi her şey uyuyor da şu Twitter butonuna nedense hangi "div"i eklersem ekleyeyim, istifini bozmuyor :) Kodu aşağıdaki gibi. Bu kodları da Twitter'dan aldım; ama bir sorun mu var acaba? Diğerlerine aynı "div" kodlarını ekliyorum ve hizalayabiliyorum. Yalnız bu Twitter olmuyor.
Ekleme:
Kodlarda "iframe" ifadesi yok; ama Chrome ile "öğeyi denetle" deyince bu kodları iframe olarak gösteriyor ve o yüzden bu kodlara ne yaparsam yapayım hizalanmıyor.
Tweetle
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>Ekleme:
Kodlarda "iframe" ifadesi yok; ama Chrome ile "öğeyi denetle" deyince bu kodları iframe olarak gösteriyor ve o yüzden bu kodlara ne yaparsam yapayım hizalanmıyor.
- Üyelik 18.07.2011
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Geliştirme Uzmanı
- Konum İstanbul Avrupa
- Ad Soyad S** Y**
- Mesajlar 3509
- Beğeniler 1321 / 1320
- Ticaret 97, (%100)
"screen.css" içerisinde 39. satırda #page_content_wrapper p şöyle birşey var. Ona float:left; ver.
- Üyelik 04.12.2011
- Yaş/Cinsiyet 35 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
.facebook_button, .twitter-share-button
screen.css'de sanırım 2 adet bulunuyor. İçindeki margin-top: 12px; silerseniz sorun çözülecektir diye umuyorum.
screen.css'de sanırım 2 adet bulunuyor. İçindeki margin-top: 12px; silerseniz sorun çözülecektir diye umuyorum.
Konuyu toplam 5 kişi okuyor. (0 kullanıcı ve 5 misafir)