3/10/11

Code tutorial | CSS coloring | Body

Entri ni aku buat untuk rujukan peribadi..tapi kepada yang ingin belajar boleh rujuk sini jika ingin mengetahui asas mewarna pada blog..
code warna css bermula dengan #..cth #fff ialah warna putih atau #ffffff = warna putih jg
di bawah ni adalah code css template aku sekarang...template yang aku guna ni sangat simple..jadi mudah untuk aku kacau setting dia..

dalam pembelajaran kali ini aku hanya sentuh pada body sahaja...yang selebihnya pada entri akan datang

body {
background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/furinhosbg.gif) repeat scroll 0 0;
color:#fff;
font-family:helvetica,arial,sans-serif;
font-size:17px;
text-align:center;
  }


a:link {
text-decoration:none;
color:#2E64FE;
  }


a:visited {
color:#2E64FE;
text-decoration:line-through;
}


a:hover {
cursor:help;
text-decoration:line-through;
border-left-style:solid;
border-width:5px;
border-height:100%;
}

 bahagian body.. ni merangkumi semua.background dan warna utama pada blog anda ada disini.. dalam pembelajaran ni aku akan buang gambar background..sebab aku nak guna warna sahaja...jadi aku buang code transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/furinhosbg.gif) repeat scroll 0 0 dan gantikan dengan code warna yang aku suka

body {
background:transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/furinhosbg.gif) repeat scroll 0 0;
color:#fff;
font-family:helvetica,arial,sans-serif;
font-size:17px;
text-align:center;
  }



aku mau pakai kaler kelabu gelap jadi aku gantikan code ni... #151515...perhatikan di mana aku letakkan code warna tu....jangan lupa masukkan ; selepas code warna..jika tidak...x menjadi la jwbnya..dibawah background ada code color:#fff; ,code tu ialah code warna tulisan pada blog yang berwarna putih...


body {
background:#151515;
color:#fff;
font-family:helvetica,arial,sans-serif;
font-size:17px;
text-align:center;
  }


code ni aku tidak tukar.. dan sepatutnya tulisan warna putih la yang paling banyak pada blog namun aku telah masukkan code warna tertentu untuk setiap area...tu la blog ni kaler maler caca marba sikit..

jika code color:#fff; tu dibuang maka warna tulisan akan jadi kaler hitam(default color)

selain mempelajari asas code warna..jika anda perhatikan pada code css... simbol : (noktah bertindih) dan ; (koma yang di tindih oleh noktah..hahaha) harus,mesti,wajib ada.. jika anda silap meletakkan simbol ni atau lupa letak..arahan tidak dapat dilaksanakan..pada code warna tu jangan pula lupa letak simbol #

jika ada soalan pastikan ia hanya mengenai isi pembelajaran entri ini sahaja...jangan tanya soalan tidak berkaitan dengan isi entri...kerana boleh menimbulkan kekeliruan pada pengunjung yang lain

Sekian terima kasih

2 ulasan:

MaYa MustWany berkata...

ha3 baru niat dihati nak tanya soalan lain,nasib baik da kene sound awal2.ha3.~

Farixsan Quilicuor (Faris Hardiyanto 177) berkata...

wahahahaha keren om :)

entri ja

Related Posts Plugin for WordPress, Blogger...