12 Kasım 2012 Pazartesi

Blogda Yazıları Çerçeve İçine Almak..

     Bloglarda içerik kadar sitenin görselliği de önemlidir. Yazılarınızı çerçeve içine almak daha görsel ve daha okunabilir yazılar için işe yarayabilecek önemli ayrıntılardan biri.
     Yazılarınızı nasıl çevrçeve içine alabileceğinizi ve bu çerçeveler üzerinde yapabileceğiniz stil, renk, kalınlık gibi değişiklikleri nasıl yapabileceğinizi aşağıda ayrıntılı bir şekilde anlatacağız. Umarım işinize yarar..

1. Klasik Çerçeve
Resimde gördüğünüz gibi yazılarınızı 1 pixel kalınlığında siyah bir çerçeve içine almak için ]]></b:skin> kodundan önce şu kodu ekleyin: 
  • .post { border:1px solid #000; padding:8px }

2. Çerçeve Kalınlığı ve Rengi
Çerçeve kalınlığını ve rengini aşağıdaki örnekteki gibi değiştirebilirsiniz. "border" seçeneği kalınlığı, # sonrasındaki kod ise rengi belirler. 
  • .post { border:3px solid #ef1010; padding:8px }

3. Çizgili Çerçeve
Çerçevenizde farklı bir tarz kullanmak istiyorsanız çizgili de yapabilirsiniz. 
  • .post { border:1px dashed #ef1010; padding:8px }

4. Oval Köşeli Çerçeve
Çerçeve için oval kenarları seçerseniz daha şık bir görüntü oluşturabilirsiniz, -ki benim kişisel tercihim de bu yönde. Bunun için aşağıdaki kodları kullanabilirsiniz. 
  • .post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

Hiç yorum yok:

Yorum Gönder