lostyazilim

Css hizalama hakkında yardım

16 Mesajlar 2.307 Okunma
lstbozum
wmaraci reklam

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
bilimokur gayet güzel olmuş. Yalnız son yazılar başlığının altındaki kırmızı çizgi yok. Ve ek olarak daha fazla göster butonu ortada olsa daha iyi olur gibi.
 

 

wmaraci
reklam

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)
TEHET evet o çizgiyi ben de farkettim. biraz uğraşacağım belki geri getirebilirim. daha fazla gösteri de ortaya almam daha mantıklı.
 

 

SizinWeb SizinWeb . Kullanıcı
  • Üyelik 04.08.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek Yönetici
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 3626
  • Beğeniler 1459 / 1458
  • Ticaret 135, (%100)

bilimokur adlı üyeden alıntı

TEHET çok teşekkür ederim. verdiğiniz kodda oynama yaparak sorunsuz bir şekilde siteye uyguladım. Şimdi responsive için ayarlama yapıyorum. :)


nth-last-child(2) parametrelerii kullanarak son kısımdaki degerleri sıfırlıyabilirsiniz
 

 

Bugün Bizim Yarın Çocuklarımızın.

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)
TEHET SizinWeb nasıl oldu şimdi? responsive tam ayarlayamadım ama idare eder heralde.
 

 

wmaraci
wmaraci

TEHET TEHET Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)

SizinWeb adlı üyeden alıntı

nth-last-child(2) parametrelerii kullanarak son kısımdaki degerleri sıfırlıyabilirsiniz


Nth-child siz deyince aklıma geldi. Bari onunla nasıl yapılacağını da ekleyeyim. :p


.home #content_box {
margin: 0;
}

div#content_box article:nth-child(even) {
float: left;
clear: left;
}

div#content_box article:nth-child(odd) {
float: right;
clear: right;
}

.home div#content_box article {
width: 48%;
}


bilimokur kullanıp kullanmamak size kalmış tabi ki. :p

Bu arada buton şu şekilde de olabilir:



.home #load-posts {
width: 92.4%;
margin-left: 2.5%;
text-align: center;
background-color: #fff;
}

.home #load-posts a {
color: #ffffff;
background: #f44336;
padding: 10px;
width: 100%;
max-width: 30%;
display: block;
margin: 0 auto;
}
SizinWeb

kişi bu mesajı beğendi.

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)
TEHET valla bu şekilde süper oldu elinize sağlık :)
 

 

wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al