Yazı Alanının Arka Planını Farklı Renkler ile Renklendirme

Yazı alanının arka planını farklı renkler ile renklendirilebilir. Bunun için kullanılacak yöntemi bir nevi alıntı (blockquote) özelliğine benzetebiliriz. Görsel açıdan renkleri kullanmayı sevenler için alternatif bir seçenek olabilir. Görsel karnaval ya da Görsel Cümbüş...

Bu özellik için iki farklı yöntem kullanılabilir;
1. Yazı Alanınızın Arka Planını Farklı Renkler ile Renklendirme
2. Yazı Alanınızın Arka Planına Resim Ekleme

Yazı Alanının Arka Planı Nasıl Farklı Renkler ile Renklendirilebilir?

Bunun için kullanılması gereken kod oldukça basit, Yeni Kayıt oluşturmak istendiğinde HTML'yi Düzenle kısmında şu şekilde bir değişiklik yapmalısınız;

<div style="background:#Renk-Kodu;">
Yazı İçeriğinin yer alması gereken alan
</div>

Yukarıdaki kodda Renk Kodu yazan yere istediğiniz renk kodlarını yazabilirsiniz. Rnek Kodlarını bilmiyorum, bulmakta zorlanıyorum diyorsanız! Dert Etmeyin! Renk Kodlarını kolaylıkla bulmanızı sağlayacak bu program ile istediğiniz tüm renk kodlarına ulaşabilirsiniz. Kurulumu ve kullanımı çok kolay kesinlikle çok kullanışlı... Dilerseniz detaylı açıklma için: İsteyenler Renk Kodları - Bedava Renk Kodu Keşif Aracı

Peki Yukarıda Anlatılana göre yazı alanı arka planı nasıl görüntülenecek?
Nasıl göründüğünü test etmek içim Oluştur Tuşuna basın ve yazınızı kontrol edin. Yazınızın arka planı Alltaki örneğe (Arka Plan renk kodu:#FF7700) benzer şekilde görüntülenecektir;

...Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan,...

Oluştura tıklayıp kontrol ettikten sonra eğer tekrar HTML'yi Düzenle kısmına tıklarsanız farklı web tarayıcılarda farklı kodlarla karşılaşabilirsiniz. Bunun için endişe etmeyin. Web tarayıcınız size kolaylık sağlamaya çalışıyor...

Yazı Alanınızın Arka Planına Nasıl Resim Eklenir?

Yazılara farklı bir hava vermek için kuallanılabilir diye düşünüyorum. Örnek görüntüde çok sevdiğim İstanbul Resimlerinden birini kullanacağım.

<div style="background:url(resim-adresi-url) no-repeat;">
Yazınızı yazabileceğiniz alan
</div>

Yukarıdaki kodda var olan resim-adresi-url kısmına yükleyici sitelerden resim için aldığınız (örnek:http://i620.photobucket.com/albums/tt289/bobokous/istanbul-bilinmiyor4.jpg) adresi yapıştırın ve yazınızı yazın alttaki gibi bir görüntüye sahip oalcaksınız.

...Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan, Yazı İçeriğinin yer alması gereken alan...

Kullanılabilir, güzel, şık ve farklılık sunan bir özellik diye düşünüyorum! Siz ne dersiniz? Eğer sizlerinde benzer fikirleri ya da kullandığınız farklı özellikler varsa yorumlar kısmında blogger kullanıcıları ile paylaşabilirsiniz...

Kolay gelsin...