lostyazilim
tr.link

Sosyal medya butonlarını yan yana hizalı dizmek?

12 Mesajlar 8.954 Okunma
acebozum
tr.link

uveyadam uveyadam WM Aracı Kullanıcı
  • Ü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?
 

 

elektronikssl
webimgo

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Ü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?
 

 

uveyadam uveyadam WM Aracı Kullanıcı
  • Üyelik 29.11.2010
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 125
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)

Onur89TR adlı üyeden alıntı

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.
 

 

engin engin - Kullanıcı
  • Üyelik 10.12.2011
  • Yaş/Cinsiyet 40 / E
  • Meslek Öğretmen
  • Konum
  • Ad Soyad ** **
  • Mesajlar 98
  • Beğeniler 1 / 15
  • Ticaret 2, (%100)
.
.

Paylaşmak Güzeldir!


.
.


.
.
şeklinde çözebilirsin.

en iyisi sociable eklentisi kullan. wordpress.org/extend/plugins/sociable/
 

 

wmaraci
wmaraci

uveyadam uveyadam WM Aracı Kullanıcı
  • Üyelik 29.11.2010
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 125
  • Beğeniler 3 / 8
  • Ticaret 1, (%100)

engin adlı üyeden alıntı

.
.

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 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)

uveyadam adlı üyeden alıntı

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 :


Facebook Paylaş
Linkedin'de Paylaş
Digg'le

 

 

uveyadam uveyadam WM Aracı Kullanıcı
  • Ü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.


<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.
 

 

Sinan Sinan Grana Kullanıcı
  • Ü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.
 

 

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Ü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.
 

 

engin engin - Kullanıcı
  • Üyelik 10.12.2011
  • Yaş/Cinsiyet 40 / E
  • Meslek Öğretmen
  • Konum
  • Ad Soyad ** **
  • Mesajlar 98
  • Beğeniler 1 / 15
  • Ticaret 2, (%100)