Şimdi yorum kutumuzu özelleştirme işlemine başlayalım. Yorum kutuları en başta aşağıdaki gibi görünmektedir.
.comment-block{border:1px solid #ccc;padding:10px;background:#f9f9f9}
Yorum kutuları şimdi aşağıdaki görünüme sahip.
Aşağıdaki seçicileri de kullanarak yukarıdaki gibi özellikler vererek çok farklı tarzda yorum kutuları elde edebilirsiniz..
.comment-block{} /*yorum kutusu*/
.avatar-image-container{} /*yorum profil resmi*/
.comment-header{} /*yorum başlığı*/
.user{} /*yorum yazarı ismi*/
.blog-author{} /*blog yazarı*/
.datetime.secondary-text{} /*yorum tarih ve bilgisi*/
.comment-content{} /*yorum içeriği*/
.comment-actions{} /*yanıtla ve sil bloku*/
.item-control{} /*sil butonu*/
.thread-toggle.thread-expanded{} /*açılır kapanır yanıtlar butonu*/
.comment-thread.inline-thread{} /*yanıt yorumlar kısmı*/
güzel
YanıtlayınSilGüzel bir çalışma. Ben yorumlarının yanına beğen beğenme butonu eklemek istiyorum.
YanıtlayınSil