wmaraci reklam

Sosyal İconları Sağa Yaslama?

16 Mesajlar 2.732 Okunma
wmaraci reklam

BurakC BurakC Dirilis.org Kullanıcı
  • Üyelik 05.11.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** C**
  • Mesajlar 865
  • Beğeniler 0 / 145
  • Ticaret 8, (%100)
Resimde de görüldüğü gibi o 3 sosyal iconu sağ tarafa yaslamak istiyorum nasıl yapabilirim ?





CSS Kodları Bunlar
.soc_icons{
margin: 13px 0 50px;
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
 

 

Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
SMM Panel, Sosyalyuvam, Bayilik Paneli, En Uygun Panel, Takipçi Paneli
reklam

ExCeLLiuM ExCeLLiuM WM Aracı Kullanıcı
  • Üyelik 16.04.2013
  • Yaş/Cinsiyet 39 / E
  • Meslek Muhasebe
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 4
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
İşin uzmanı değilim ama denemen için bir tavsiye en üstteki
.soc_icons{
margin: 13px 0 50px;
}

koduna

float:right;

kodunu ekleyip dene, belki işe yarar :)

Ya da hepsini bir div içine al ve divden positiondan left:800px gibi bir kodla yararlanabilirsin.
 

 

alabacaknet alabacaknet Developer Kullanıcı
  • Üyelik 14.09.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Yazılım geliştirme
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 217
  • Beğeniler 55 / 48
  • Ticaret 0, (%0)
Denemek de hep fayda var


.soc_icons{
position: fixed; /* "absolute"=sayfa aşağı inse de sabit kalır, "fixed"=sayfaya yapışır kalır aşağı inseniz de takip eder */
/*margin: 13px 0 50px; bu sizinki alttan 50px üstten 13px ben sağa da 20px vericem */
right: 20px; /* sağdan 20px */
bottom: 15px; /* alttan 15px */
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
}
 

 

Murat Alabacak <http://muratalabacak.net>

SonerOD SonerOD Grafiker,Müzisyen Kullanıcı
  • Üyelik 02.07.2011
  • Yaş/Cinsiyet 27 / E
  • Meslek Grafiker,Müzisyen
  • Konum İstanbul Anadolu
  • Ad Soyad S** O**
  • Mesajlar 73
  • Beğeniler 18 / 12
  • Ticaret 0, (%0)
Sitenin adresini gönderebilirsen firebug ile hemen bulabilirim :)
 

 

wmaraci

yemrekoc yemrekoc Php Dev. Kullanıcı
  • Üyelik 14.01.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek E-Ticaret Uzmanlığı
  • Konum İstanbul Anadolu
  • Ad Soyad Y** K**
  • Mesajlar 171
  • Beğeniler 29 / 42
  • Ticaret 5, (%100)
.soc_icons{
margin: 13px 0 50px;
width:980px;
float:right;
}

marginlere ayar çekmen lazım
 

 

trgy trgy Mühendis Kullanıcı
  • Üyelik 22.12.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek Mühendis
  • Konum Macaristan
  • Ad Soyad T** Y**
  • Mesajlar 389
  • Beğeniler 32 / 209
  • Ticaret 16, (%100)
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}

Buraya float: right; eklemen yeterli. Olmaz ise aşağıdaki yere de float: right; ekle

.soc_icons{
margin: 13px 0 50px;
}
 

 

Muhsin ASLAN Muhsin ASLAN Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.07.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Developer
  • Konum Konya
  • Ad Soyad M** A**
  • Mesajlar 1120
  • Beğeniler 1086 / 244
  • Ticaret 1, (%100)
.soc_icons{
margin: 13px 0 50px;
position:absolute;
right:20px;
bottom:10px;
}

İşini Görür diye umuyorum.. =)
 

 

BurakC BurakC Dirilis.org Kullanıcı
  • Üyelik 05.11.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** C**
  • Mesajlar 865
  • Beğeniler 0 / 145
  • Ticaret 8, (%100)
Arkadaşlar öncelikle bu kadar ilgili olduğunuz için gönülden teşekkür ederim. Marginlerle oynadım fakat değişmedi verdiğiniz şekilde bire bir değiştirdim fakat yine değişmedi anlayamadım ki :/
 

 

Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)

bubucey adlı üyeden alıntı

Arkadaşlar öncelikle bu kadar ilgili olduğunuz için gönülden teşekkür ederim. Marginlerle oynadım fakat değişmedi verdiğiniz şekilde bire bir değiştirdim fakat yine değişmedi anlayamadım ki :/

Dostum, bizi kısıtlama. Site adresini ver, sorun teşkil edecekse yazdığın adresi sonra silersin. Biz sana yardımcı olmaya çalışıyoruz.
SonerOD

kişi bu mesajı beğendi.

BurakC BurakC Dirilis.org Kullanıcı
  • Üyelik 05.11.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** C**
  • Mesajlar 865
  • Beğeniler 0 / 145
  • Ticaret 8, (%100)
Hocam localde çalısıyorum tamamlamadan atmadım tek pürüz orası kaldı .

Bu css footer bölümü
/*footer*/
footer {
position: absolute;
bottom:0px;
padding-left: 49px;
margin-top:-50px;
}
footer p {
position: relative;
color: #616060;
}
footer p a{
color: #c63737;
}
.soc_icons{
margin: 13px 0 50px;
}
.soc_icons>li{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
margin-right: 5px;
}
.soc_icons>li>a{
position: relative;
display: inline-block;
}
.soc_icons>li>a>img{
position: relative;
}
/*end footer*/


Bu da footerin indexi











 

 

Kula bela gelmez Hak yazmadıkça,
Hak bela vermez kul azmadıkça...
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