All About Komputer – Disini aku akan share sedikit ihwal CSS , yuk di intip 😀 
bikin file megamenu.css yang isinya:
.megamenu list-style:none; width:100%; margin:0 auto 0 auto; height:35px; padding:0 20px;
.megamenu li float:left; display:block; text-align:center; position:relative; padding:5px 15px; margin-right:1px; border:none;
.megamenu li:hover background:#e9e9e9; background:-moz-linear-gradient(top,#B0A122,#CABB3B); background:-webkit-gradient(linear,0% 0,0% 100%,from(#B0A122),to(#CABB3B));
.pilih background:#e9e9e9; background:-moz-linear-gradient(top,#B0A122,#CABB3B); background:-webkit-gradient(linear,0% 0,0% 100%,from(#B0A122),to(#CABB3B));
.megamenu li a font-family:UbuntuRegular,Arial,Helvetica,sans-serif; font-size:16px; color:#4A0000; display:block; outline:0; text-decoration:none; text-shadow:1px 1px 1px #ccc;
.megamenu li:hover a color:red; text-shadow:1px 1px 1px #fff;
.megamenu li .drop padding-right:21px; background:url(“img/drop .png”) no-repeat right 8px;
.megamenu li:hover .drop background:url(“img/drop .png”) no-repeat right 7px;
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns margin:4px auto; float:left; position:absolute; left:-999em; text-align:left; padding:10px 5px 10px 5px; border-top:none; z-index:9999; background:#eee; background:-moz-linear-gradient(top,#CABB3B,#B0A122); background:-webkit-gradient(linear,0% 0,0% 100%,from(#CABB3B),to(#B0A122));
.dropdown_1column width:150px;
.dropdown_2columns width:300px;
.dropdown_3columns width:450px;
.dropdown_4columns width:600px;
.dropdown_5columns width:750px;
.dropdown_3columns .promotions width:960px; margin-left:-445px;
.megamenu li:hover .dropdown_1column, .megamenu li:hover .dropdown_2columns, .megamenu li:hover .dropdown_3columns, .megamenu li:hover .dropdown_4columns, .megamenu li:hover .dropdown_5columns left:-1px; top:auto;
.col_1, .col_2, .col_3, .col_4, .col_5 display:inline; float:left; position:relative; margin-left:5px; margin-right:5px;
.col_1 width:140px;
.col_2 width:280px;
.col_3 width:440px;
.col_4 width:590px;
.col_5 width:740px;
.megamenu p, .megamenu h2, .megamenu h3, .megamenu ul li font-family:Arial,Helvetica,sans-serif; line-height:21px; font-size:12px; text-align:left; text-shadow:1px 1px 1px #FFF;
.megamenu h2 font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666;
.megamenu h3 font-size:16px; margin:7px 0 14px 0; padding-bottom:7px; border-bottom:1px solid #888;
.megamenu p line-height:18px; margin:0 0 10px 0;
.megamenu li:hover div a font-size:13px; color:black; line-height:20px;
.megamenu li:hover div a:hover color:red; .strong font-weight:bold;
panggil sebelum
teladan hidangan seperti ini: