Yorum Gönder yazısını Değiştirme - Düzenleme

Yorum Gönder yazısı, yorum yazılan alanın hemen üstünde görüntülenir. Yorum Gönder yazısını isterseniz değiştirebilirsiniz isterseniz temanıza CSS kodları ekleyerek düzenleyebilirsiniz. Ayrıca yorum gönder yazısının yerine resim ekleyebilirsiniz. Yorum Kuralları Ekleme ve yorum yazısını değiştirme ile yorumlar kısmınızı canlandırabilirsiniz.

Yorum Gönder Yazısını Değiştirmek

Yorum Gönder yazısını değiştirmek için temanızda alttaki kodu bulun.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Bulmuş olduğunuz bu kodda <data:postCommentMsg/> kısmına istediğiniz yazıyı yazabilirsiniz. Kodun yerine yazdığınız yazı, Yorum Gönder yazının yerine görüntülenir.

Yorum Gönder Yazısını Düzenlemek

Yorum gönder yazısını düzenlmek için CSS kodunda değişiklikler yapılabilir. Minima temasına göre ilgili alanın CSS kodları şöyle;

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

Bu CSS kodlarında yazının normal ya da kalın olmasını sağlayabilirsiniz. Normal için font-weight: normalkullanabilirsiniz.

Yazının satır yüksekliğini değiştirebilirsiniz. Herhangi bir tanımlama da bulunmak zorunda değilsiniz. line-height: 1.4em kodunu kaldırabilirsiniz.

Yazının tüm harlerinin büyük olmasını sağlayan text-transform:uppercase kodu yerine text-transform:lowercase kodunu kullanarak yazının tüm harflerinin küçük olmasını sağlayabilirisiniz.

Harfler arası boşlığu belirleyebilirsiniz. Arttırıp azaltmak için letter-spacing:.2em kodundaki .2em değerini değiştirin.

Renk düzenlemesi için color: $sidebarcolor kodu yerine color:#cc0000 gibi istediğiniz renk kodunu yazıp değiştirebilirsiniz.

Yorum Gönder Yazısının Yerine Resim Ekleme

Yorum Gönder Yazısını Düzenlemede bahsi geçen CSS kodunun hemen altına alttaki kodu ekleyin. Ya da ]]>skin> kodunun hemen üst satırına da yükleyebilirsiniz.

#comment-post-message {
background:url("http://i49.tinypic.com/ixvbkw.jpg") no-repeat scroll left top transparent;
height:25px;
margin-bottom:10px;
text-indent:-9999px;
width:267px;
}

Yukarıdaki kodda belirtilen mavi renkli resim linkinin yerine kendi tasarladığınız resmi kullanabilirsiniz.

Kolay Gelsin...