Yeni ve değişik kodlar ararken bulduğum kod kutusunu paylaşmak istedim çünkü çoğu arkadaş kod kutusu sebebi ile sorun yaşamakta belki bu kutu bir nevi yardımcı olur..
Kod kutusundaki resim değiştirebilir
Yazı Tipini Değiştirebilirsiniz
Şekli ve Boyutunu Değiştirebilirsiniz
Girinti ve Çıkıntıları Değiştirebilirsiniz
Öncelikle ]]></b:skin> kodunu ctrl+f yardımıyla bulalım
.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckkBii3y0GuXKaNGVG_wl_dB5-XWlFdxED-qZHZYP4i18WFV0QeXkgTIi_JwWMtMqVVIIVDJVtlQCqyQ1ayHFMBO7Dfac1U2xf1D8FFJnaMNTDvA9u9ivwL-iH8_X7B-gczuCHH2BtB4N/') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}
hemen üstüne yukarıda ki kodları ekleyip şablonu kaydedelim.Kod kutusunu nasıl kullanacağımıza gelelim.<div class="codeview">
<!-- Kodlar Buraya Eklenecek -->
</div>
Kodları yukarı ki kod ile eklerseniz kod kutusu çalışacaktır.
Kodları Eklemeden Önce
Buradan Çevirip Yapıştırınız
Yazı Tipini
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;