Bugün yine burada yazımız içerisinde hem resim, hem Dropcaps, hemde pullquote uygulamasını bir arada dengeli bir biçimde sunulmasını anlatacağım. Esasında burada bahsi geçen pullquote daha önce anlattığımız pullquote uygulamasının bir başka biçimde sunulması şeklinde tarif edebiliriz. Bu uygulama biçimi de çok hoş. Grafik anlamda bizlere CSS in ayrı bir görsel şöleni gibi sanki. Hoşunuza gitti sanırım. Sizler bu uygulamada istediğiniz gibi renklerde değişiklik yaparak hoşlandığınız renkleri uygulayabilirsiniz. ...pullquote aleti işte CSS de bu oluyor dostlar. Yanlız burada değinmek istediğim bir şey aşağıda her ikisinide verdiğim kodlardan şablonunuzun css bölümüne pullquote ve thinborder la ilgili kodları ilave etmeyi unutmayınız. Post başlığı altında CSS property lerinin bulunduğu yere ilave edeceksiniz. Eğer neresi olduğunu anlayabilmeniz için tarayıcınızın görünüm sekmesinde kaynağı göster 'e basarakda şablon kodları arasında pullquote veya thinborder ifadelerini arayın sizde aynı yere kodlarınızı kopyala yapıştır yöntemiyle koyun. Kolay gelsin.Bu CSS uygulamasını burada olduğu gibi inline veya external olarak harici bir css dosyası ilede yapabilirsiniz. Ancak blogger sistemi için uygun olan uygulama burada anlattığım biçimde olanı.
UYGULAMA KODU :
CSS CLASSES KODU :
<style type="text/css">
.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;
}
.pullout{
width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,
Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear: both;
}
</style>
Hiç yorum yok:
Yorum Gönder