Tips seputar penulisan background

Penulisan KODE warna pada template, khususnya yang dipergunakan pada background bisa menggunakan 2 (dua) metode penulisan warna dan 2 (dua) metode penulisan untuk background.

Metode penulisan KODE warna :

1. Menggunakan Teks --> contoh : black, green, blue, magenta, darkgreen, lightyellow, dst.
2. Menggunakan Angka dan Huruf
   contoh : #fff, #000, #ffeeff, #fd0000, #5fa54c, dst.

Metode penulisan background

:

1. background
   
   contoh :
   
   body {
   background: #fff;
   }
2. background-color
   
   contoh :
   
   body {
   background-color: #fff;
   }
   

Meskipun cara penulisan KODE berbeda, output yang dihasilkan dari hasil penulisan KODE tersebut adalah sama.

Contoh beberapa KODE HTML (CSS) yang menggunakan background dan color :

- a:hover { background: blue; ... dst; }
- body{ background-color: #000; ... dst; }
- a:link{background: #282e5c; ... dst; }
- #header-wrapper{background:transparent;
- #header h1{ background: green; ... dst; }
- #navigation { background: #9b9a9a; ... dst; }
- #menu { background-color: white; ... dst; }
- #outer-wrapper { background : #000; ...dst; }
- #sidebar-wrapper { background: red; ... dst; }
- .post-body{ background-color: lightblue; ... dst; }
- .post-body blockquote { background: #2e2b2a; ... dst; }
- .post blockquote { background: #2b2825; ... dst; }
- #comments h4 { background: #21232d; ... dst; }
- .sidebar li { background-color: black; ... dst; }
- .sidebarleft { background: #2c2c2c; ... dst; }
- h1 { background-color: #00ff00; ... dst; }
- h2 { background-color: transparent; ... dst; }

Pada beberapa yang lain, background warna bisa dituliskan sebagai :

- bgcolor
contoh: bgcolor: red;
- rgb(250,0,255)
contoh: p { background-color: rgb(250,0,255); ... dst; }

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Senin PAHING, January, 30, 2012

» Happy Blogging - gubhugreyot «