Kali ini saya akan membocorkan desain style saya. Silakan dicontek, bebas mencontek, tetapi harus dimodifikasi lagi. Jangan terus dicopy thok dan diaku-aku ya... :D Semoga bocoran style ini bermanfaat buat semuanya yang sedang belajar CSS.
Berikut ini bocorannya:
#dropmenudiv{
background: url(http://campratty.com/1earlyratty/rattyimages/wood012.jpg);
background-position: 0 0;
line-height: 150%;
border: 0px;
}
#dropmenudiv a{
color: white;
}
#dropmenudiv a:hover{
background: #FBB45F;
color: black;
}
body{
background: url(http://z.about.com/d/graphicssoft/1/0/s/3/5/Wood-Pattern01.png) fixed;
}
table.ggGroup{
background: url(http://i7.tinypic.com/4l6qtjp.jpg);
border: 1px #7F3305 solid;
}
tr.ggGroupHeader{
background: url(http://campratty.com/1earlyratty/rattyimages/wood012.jpg);
border: 1px #7F3305 solid;
}
div.ggHeader{
height: 100px;
background: url(http://bp3.blogger.com/_KM7FrMv7uhM/R2fz_7EraII/AAAAAAAAAKQ/mMdNbOyM5Vc/s400/Bismillah.jpg) no-repeat;
background-position: center;
}
table.topmenu{
background: url(http://campratty.com/1earlyratty/rattyimages/wood012.jpg);
border: 2px #7F3305 solid;
}
.buttonon{
background: #7F3305;
color: white;
}
.buttonoff{
background: #703000;
color: white;
}
.buttonon a{
color: white;
}
hr{
color: #7F3305;
}
div.infotip{
background: url(http://campratty.com/1earlyratty/rattyimages/wood012.jpg);
color: white;
}
table.date{
background: url(http://campratty.com/1earlyratty/rattyimages/wood012.jpg);
border: 1px #7F3305 solid;
}
td.datebg{
background: url(http://i7.tinypic.com/4l6qtjp.jpg);
}
a.mainmenu:hover, a.mainmenu2nd:hover{
background: transparent;
}
div.infotip a{
color: white;
}
td.ggMainPage{
background: url(http://www.china-greenjoy.com/behind/small3.asp?pic=200711301138502.jpg);
padding: 5px;
}
Artikel ini telah dilihat sebanyak 325 kali.
