5/10/11

Code tutorial | CSS coloring | Hover


ini adalah asas pembelajaran code warna css yang terakhir...jika anda ikuti dan fahami asas pembelajaran ni maka mudah la anda untuk suka2 tukar kaler pada code css ni....pada pembelajaran ni adalah mengenai hover...
hover ni adalah efek bila kita letakkan mouse pointer pada link,link tu akan berubah kepada efek yang kita set..efek standard adalah bertukar warna.. pada blog aku ni efek hover dah bermacam bagai rupa..

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;
cursor:crosshair;
  }
a:link {
text-decoration:none;
color:#2E64FE;
  }
a:visited {
color:#2E64FE;
text-decoration:line-through;
}
a:hover {
color:#2EFE2E;
cursor:help;
text-decoration:line-through;
border-left-style:solid;
border-width:5px;
border-height:100%;
border-color:#FFFF00;
}


yang aku highlight kaler kuning tu la contoh code css untuk hover... apabila anda letakkan mouse cursor pada link maka link tu akan berubah warna mengikut warna yang di setkan pada code css...namun pada blog aku ni..tidak semua warna hover tu sama...sebab aku setkan banyak efek hover pada link2 tertentu...

untuk menukar warna hover,gantikan code warna #2EFE2E dengan warna yang anda suka...senangkan...
rasanya tidak perlulah aku tunjukkan detail yang terperinci..sebab bila anda sudah mengikut episod2 yang sebelum ni...memang senang untuk fahami pelajaran dalam topik ni...

dalam 4 episod asas pembelajaran warna ni...code css ni adalah code css untuk body..namun jika anda fahami tentang asas ni..anda boleh praktikkan untuk code css bahagian lain...contohnya bahagian header,body dll,

sekian

Tiada ulasan:

entri ja

Related Posts Plugin for WordPress, Blogger...