Blogger Yorum Bölümü CSS Kodları Şablonu

Blogger temanızdaki yorum alanını tamamen kişiselleştirmenizi sağlayan bu CSS şablonu. Bu CSS şablonu, Blogger sitenizdeki yorum bölümünün tüm parçalarını —profil resimlerinden yanıt butonlarına, başlık düzeninden iç içe yorumlara kadar— tek bir noktadan yönetmenizi sağlar.

Yorum alanınızı sitenizin tarzına göre sıfırdan şekillendirmek, renk ve boyutları değiştirmek ya da istemediğiniz detayları gizlemek için tek yapmanız gereken, ilgili parantezlerin içine kendi stil kodlarınızı yerleştirmektir.

#comments {
/* (Tüm yorum alanının genel dış kapsayıcısının stilini belirler.) */
}
#comments .ol {
  /* (Yorumların toplandığı liste.) */
}#comments .comment-title {
  /* (Yorum bölümünün ana başlık alanının genel stilini belirler.) */
}
#comments .comment-title .title {
  /* (Yorum başlığının içindeki metnin stilini belirler.) */
}
#comments .comment-title span {
  /* (Yorum başlığının yanındaki ek ögenin veya sayacın konumunu belirler.) */
}
#comments h4#comment-post-message {
  /* (Yorum formunun üzerindeki bilgilendirme mesajının genel stilini belirler.) */
}
#comments .comment-content {
  /* (Ana yorum metinlerinin genel stilini belirler.) */
}
#comments .inline-thread .comment-content {
  /* (Yanıt dizileri içindeki yorum metinlerinin stilini belirler.) */
}
.comment-thread .comment {
  /* (Her bir yorum kartının genel görünümünü ve yerleşimini belirler.) */
}
.comment-thread .comment:last-child {
  /* (Yorum listesindeki en son yorumun stilini belirler.) */
}
/* AVATAR */
.comment-thread .avatar-image-container {
  /* (Yorum yapan kullanıcının profil resmi kutusunun stilini belirler.) */
}
.avatar-image-container img {
  /* (Profil resmi görselinin kendi stilini belirler.) */
}
.avatar-image-container span {
  /* (Profil resmi olmadığında yerine görünecek başharfin/harf avatarının stilini belirler.) */
}
/* COMMENT HEADER */
.comments .comment-header {
  /* (Yorum sahibinin adı ve tarih bilgisini içeren üst alanın stilini belirler.) */
}
.comments .comment-header .icon.user {
  /* (Kullanıcı adının yanındaki ikonun stilini belirler.) */
}
.comments .comment-header .user {
  /* (Yorum yapan kullanıcının adının yazıldığı alanın stilini belirler.) */
}
.comments .comment-header .user a {
  /* (Kullanıcı adına eklenen profil bağlantı linkinin stilini belirler.) */
}
.comment-header .datetime a {
  /* (Yorumun yapıldığı tarih ve saat linkinin stilini belirler.) */
}
/* COMMENT ACTİON */
.comments .comment-actions {
  /* (Yorum altındaki "Yanıtla", "Sil" gibi işlem butonlarının genel stilini belirler.) */
}
.comments .comment-replies .comment-actions {
  /* (Yanıtlanmış alt yorumların içindeki işlem butonlarının stilini belirler.) */
}
.comments .comment-actions a {
  /* (İşlem butonlarının içindeki bağlantı linklerinin stilini belirler.) */
}
.comments .comment-actions .item-control {
  /* (Yalnızca yorum sahibi veya yöneticiye özel yönetim butonlarının stilini belirler.) */
}
.item-control {
/* (Yalnızca yorum sahibi veya yöneticiye özel yönetim butonlarının stilini belirler. Üsteki kod çalışmazsa bunu kullanın.) */
}
.loadmore {
  /* (Daha fazla yorum yükleme butonunun genel stilini belirler.) */
}
.loadmore.loaded a {
  /* (Tüm yorumlar yüklendikten sonra görünen buton linkinin stilini belirler.) */
}
.comments .continue {
  /* ("Yanıtlamaya devam et" veya "Devamını oku" butonunun stilini belirler.) */
}
/* REPLY */
.comments .comment-replies {
  /* (Ana yorumların altına gelecek yanıt alanının genel stilini belirler.) */
}
.comments .comment-replies .comment-replies {
  /* (Yanıtlara verilen yanıtların yani iç içe geçmiş yorumların stilini belirler.) */
}
.thread-expanded .thread-count a {
  /* (Genişletilip açılmış yorum dizilerindeki yanıt sayacının veya linkinin stilini belirler.) */
}
.comments .comment-replies .comment-thread { /* (Yanıtlanan yorumların alt alta sıralandığı alt zincir alanının stilini belirler.) */ }
2 Yorum