Joomla sitelerinizde eklemiş olduğunuz içeriklere bir arkaplan (background) atamayı veya renk atamayı hiç düşündünüz mü? Eğer bu soruya cevabınız evet ise o zaman yazının geri kalanını okumak için zamanınızı ayırabilirsiniz ki zaten söylenecek sözler o kadar uzun değil. Öncelikle arkaplan resmi veya rengi ekleyeceğimiz içeriğimizi açalım ve TinyMCE editör veya kullanmakta olduğumuz diğer bir yazı editörünün "html" butona tıklayalım (edit html source) ve html kod ekleyebileceğimiz ekrana örnek olarak;

<div style="background-image: url('/images/stories/resim.jpg')">

Kodumuzu aynen ekleyelim burada görüldüğü gibi arkaplanda kullanmak istediğimiz resim dosyamızın images/stories/ dizininde ve ismini resim.jpg olarak örneklendirdiğimiz resim dosyasının bulunduğu dizin olarak verdik, yok eğer bir resim arkaplan istemiyor bunun yerine arkaplana özel bir renk atamak istersek aynı şekilde fakat bu sefer aşağıdaki kod ile bu işlemi yapacağız.

<div style="background-color: #dddddd">

Bu şekilde istediğimiz renk kodunu yazıp içeriğimizi özelleştirebiliriz, genelde editörümüz yukarıdaki kodumuzu kapatma kodunu otomatik olarak girer birproblemle karşılaşırsanız bu kodun devamına </div> eklemek suretiyle kodu kapatabilirsiniz. İstenilirse bu koda ek olarak bir başka "div id" atanıp css den de kontrol edilebilmesini sağlayabiliriz. Örnek olarak yazdığımız kodun yerine arkaplanın css den kontrolünü sağlamak için bu alana

<div class="ornekclass">

Şeklinde kodumuzu atayıp bu div etiketine karşılık gelecek ve kontrolünü sağlamak istediğimiz bu kodun karşılığını kullanılan temanın css si içine ekleyerek yönetebilirsiniz.

div.ornekclass { background-color: red; }

Bu şekilde içeriğimize eklediğimiz div'in css den kontrolünü sağlamış olabiliriz.