1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | #nav li ul li { background-image:url(../Images/bar_background.png); background-size: cover; background-repeat: no-repeat; border: 3px solid #0be9f7; padding-left:10px; } #nav a:link, #nav a:active, #nav a:visited{ display: block; color: #000000; text-decoration: none; } #nav a:hover{ color:lightblue; } |
1 2 3 | #nav li:hover ul { display:block; } |
Hasil dari css display:block kyk gini :
Teruuuuus... kita tambain shadow dibagian navigation... Tambain kode ini di element navigation :
1 | text-shadow: 0.1em 0.1em #0be9f7; |
Naaah...tuh shadownya... wkwkwk... *ngasal... :D
Terusssssss.... yang bagian footer juga diubaaah aaaaah... tambain yg ini :
Hasilnya :
Mmmm.....terus kita tambain content. Untuk contentnya ditambain dibagian <div id="content_area"> xxxxx </div> dan xxxxx-nya terserah ajjah... Klu Hisoka nambain kyk gini :
Siiipsss...segitu dulu ajjah.... :)
Kode lengkap untuk part ini, bisa dilihat disini..