Okiee...,mmmm.... Berikutnya tambain kode ini di css...
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;
}
|
Berikutnya... kita akan nambain pop window...So masukin lagi kode css ini :
1
2
3
| #nav li:hover ul {
display:block;
}
|
Btw...#nav li: hover ul itu mengacu ke submenu soalnya id-nya adalah #nav terus turun satu langkah ke li. Nah li:hover, berarti li yg level 1 klu dihover, terus ada ul, berarti ul-nya punya display:block...Simplenya seperti itu maksdunya... Jadi klu ada #nav li ul li, berarti li yg pling terakhir yang disetting propertinya... :D
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;
|
0.1em itu ngegeser ke kiri, terus 0.1em yang berikutnya ngegeser ke bawah..Terus yang pling belakang udah pasti tau semua ehehe.. :D *warna... Hasilnya kek gini :
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..
No comments:
Post a Comment