Nada Sumbang

Tag header pada Style.css : Modifikasi Themes

Posted on 01. Mar, 2009 by Kang Nadoel in themes, Wordpress

Pada tutorial wordpress kali ini kita akan membahas id header yang ada didalam style.css, dimana fungsi header ini berguna untuk menysusn theme pada bagian header yang meliputi warna, lebar, font, background dan lain-lain.

supaya gak pusing kita langsung saja praktek, silahkan buka style.css theme wordpress yang anda miliki. pada contoh ini saya pake style.css theme default wordpress.

#header {
background: #73a0c5 url(’images/kubrickheader.jpg’) no-repeat bottom center;
}

Maksud perintah di atas adalah berwarna latar belakang #73a0c5 dengan background gambar yang terdapat di folder images dengan nama kubrikheader.jpg tanpa diulang dan diletakan di bagian bawah tengah dan pada bagian header.

Bagian yang bisa kita ganti adalah kubrikheader.jpg, kita bisa mengganti dengan gambar lain buatan sendiri dengan syarat ukurannya tetap sama agar tampilan theme kita tidak berantakan.

Jika setelah pemanggilan image ada kata no-repeat artinya gambar tidak ditampilkan berulang-ulang sesuai perintahnya. contoh lain :

repeat-x : gambar ditampilkan secara horizontal sampai memenuhi kondisi yang di tetapkan.
repeat-y: gambar ditampilkan secara vertikal sampai memenuhi kondisi yang di tetapkan.

Tags: style.css, themes, tutorial wordpress