Ini seluruh kode css yang ada di Gg tercinta ini. Kamu dapat memodifikasinya sesuai dengan pribadi kamu. So, jangan takut berekspresi. Heheheheheheheeeee
Dulu, aku pernah merasa ge-er saat memecahkan code css yang 'belum' terpesahkan oleh anggota Gg lainnya. Meskipun, aku hanya memperolehnya dengan mengganti-ganti kode css dari file main.css dan menugroup.css -ketahuan dech tololnya- yang aku dapat dengan menyimpan halaman Gg. Tapi, malas juga harus memecahkan seabreg kode tersebut. dan karena semakin sedikit waktu saya untuk menelitinya maka aku serahkan -waw, bahasanya itu lho, Fiq- kepada para penerus -waw, lagi- untuk menelitinya. Heheheheheeee. Dan satu hal yang sedikit membuat aku nyengir, saat aku mendapatkan tulisan "/*Ga tahu nih, yang bawah ini untuk yang mana...*/" dan "/*Sampai di sini ga tahu kepakai tidakSepertinya sih ga kepake*/" -kalau nggak percaya, lihat aja sendiri- mang yang bikin kodenya siapa?????? Kok nggaj tahu gunanya? Hahahahahahahahahahaaaaa... Oh ya, aku tolong dikasih tahu bocoran kode-kode yang kutulis miring, aku belum tahu fungsinya -kalau minjem kata-kata yang bikin kode Gg- "Sampai di sini ga tahu kepakai tidak Sepertinya sih ga kepake"
A.menulink {
TEXT-ALIGN: left;
DISPLAY: block;
WIDTH: 100%;
COLOR: #FFFFFF;
FONT:normal 12px tahoma, arial, helvetica, sans serif;
TEXT-DECORATION: none;
padding-left: 0px;
line-height: 16px;
}
A.menulink:hover {
TEXT-ALIGN: left;
COLOR: #FAFAFA;
background: #605D5C;
TEXT-DECORATION: none;
}
A.menulink:active {
TEXT-ALIGN: left;
COLOR: #FFFFFF;
}
hr.submenu{
height: 1px;
width: 100%;
color: #605D5C;
}
td.leftmenu{
border:1px solid silver;
font:normal 10px Tahoma;
padding: 5px;
}
span.menuTitle{
background: #999999;
padding: 3px;
color: black;
}
#dropmenudiv{
position:absolute;
border:1px solid #605D5C;
font:normal 12px tahoma;
line-height:18px;
background: #878787;
z-index:100;
color: #999999;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
}
select{
z-index: 10;
}
a.mainmenu2nd,
a.mainmenu{
cursor: hand;
font: bold 12px tahoma;
vertical-align: center;
height: 24px;
padding: 3px;
padding-right: 5px;
padding-left: 5px;
margin: 0px;
cursor: arrow;
COLOR: #FFFFFF;
}
a.mainmenu2nd:hover,
a.mainmenu:hover{
cursor: hand;
color: #FAFAFA;
background: #605D5C;
}
span.mainmenu{
padding: 0px;
margin: 0px;
height: 21px;
border: 0px;
vertical-align: top;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
Lalu, ada pula kode-kode seperti ini:
body,td{
font:12px Comic Sans MS;
color: #90F943;
line-height: 200%;
margin:5px;}
body{
background: #048325;}
a{
color: #098306;
text-decoration: none;}
a:hover{
text-decoration: blink;
}
div.error{
font: bold 14px Comic Sans MS;
text-align: left;
background: white;
color: red;
padding: 5px;
border: 1px green solid;}
div.message{
font: bold 12px Arial;
text-align: left;
background: #080DF3;
color: #EFEFF4;
padding: 5px;
border: 1px E0E0E0 solid;}
.infotip{
background: #EFEFF4;
color: #080DF3;
padding: 5px;
border: 1px #1FDF1A solid;}
div.pagelink{
height:26px;
padding-top:4px;
color: #E0052E}
div.script{
border: 1px #1741E0 solid;
font: normal 12px Courier New;
width: 100%;
overflow: auto;
background-color: #6BE43C;}
p{
margin: 5px;}
p.informasi{
text-indent: 25px;
text-align: justify;
margin-top:0px;
margin-bottom:10px;}
.buttonoff{
background: #206306 left center fixed;
font: bold 14px Comic Sans MS;
color: blue;
border-top: 0 ;
border-left: 0 ;
border-bottom: 0 ;
padding: 1px;
cursor: arrow;
}
.buttonon{
background: url(url_gambarG) center left;
cursor: hand;
font: normal 12px Comic Sans MS;
color: White;
padding: 3px;
border-top: 0 ;
border-left: 0;
border-bottom: 0;
height: 18px;}
td.buttonon{
background: url(url_gambar) center left;
border: 0;
padding-left: 20px;
cursor: hand;
color:white;
h1,h2,h3,h4{
text-align: left;
font-family: Comic Sans MS;
font-weight: bold;
color: #02277C;
padding: 5px;}
h1{ font-size: 30px;}
h2{ font-size: 16px;}
h3{ font-size: 15px;}
h4{ font-size: 14px;}
form{margin: 0px;}
td.buttonActiveTop{
background: #FFFFFF;
text-Transform: uppercase;
letter-Spacing: normal;
width: 100px;
height: 32px;
text-align: center;
border: 1px silver solid;
border-bottom: 0px;}
td.buttonInactiveTop{
background: #878787;
text-Transform: uppercase;
letter-Spacing: normal;
width: 100px;
height: 32px;
text-align: center;
vertical-align: bottom;
color: white;
border-bottom: 1px silver solid;
border-top: 1px #C0C0C0 solid;
border-left: 1px #585858 solid;
border-right: 1px #585858 solid; }
td.buttonInactiveBottom a, td.buttonInactiveTop a{ color: white;}
td.buttonActiveBottom{
background: #FFFFFF;
text-Transform: uppercase;
letter-Spacing: normal;
width: 100px;
text-align: center;
height: 32px;
border: 1px silver solid;
border-top: 0px;}
td.buttonInactiveBottom{
background: #878787;
text-Transform: uppercase;
letter-Spacing: normal;
width: 100px;
text-align: center;
height: 32px;
vertical-align: top;
border-top: 1px silver solid;
border-left: 1px #585858 solid;
border-right: 1px #585858 solid;
border-bottom: 1px #6F6F6F solid; }
table.date{
margin: 5px;
width: 75px;
height: 70px;
background: none;}
td.monthbg{
color: white;
text-align: center;
height:30px;
vertical-align: center;
font: bold 14px Comic Sans MS;}
td.datebg{
text-align: center;
vertical-align: center;
font: bold 30px Comic sans MS;}
a.adLink{ text-decoration: none;}
span.adUrl{
color: #000099;
font: normal 11px verdana, tahoma, arial;}
span.adTitle{
color: #000099;
font: bold 12px verdana, tahoma, arial;
text-decoration: underline;}
span.adDef{
color: black;
font: normal 11px verdana, tahoma, arial;
padding-top: 5px;
padding-bottom: 5px;}
span.salah{
text-decoration: line-through; color: red;}
span.warning{
color: red; font-weight: bold;}
.Title{
font: bold 12px verdana;
color: blue; margin-left: 20px;}
span.stabilo{ background: lime;}
select{ font: normal 12px tahoma;}
table#msgBox{
position: fixed;
top: 20px;
width:400px;
display: none;
z-Index: 1000px;}
.topmenu{
background: white url(ggbg.gif) no-repeat;
color: white;
border-top: 1px blue solid;
border-left: 1px green solid;
border-right: 1px yellow solid;
border-bottom: 1px white solid;
padding: 0px; cursor: default;
text-align: center;
width: 100%;}
div.footer{
background: url(url_gambar) top left;
position: fixed;
width: 100%;
bottom:0px;
font: normal 10px Comic Sans MS;
border-top: 3px blue solid;
border-bottom: 3px blue solid;
padding: 0px; cursor: default;
text-align: center;}
.qsearch{ height: 18px;
width: 118px;
background: url(url_gambar) repeat;
border: 0px;
padding-left:23px;
padding-right:0px;
padding-top:0px;}
table.ggGroup{
border: 1px #3711F7 solid;
margin-bottom: 50px;
background: url(url_gambar);}
td.ggGroupContent{
color: blue;
padding: 5px;
line-Height: 150%;
font: normal 12px Comic Sans MS;}
tr.ggGroupHeader{
background: white;
border-bottom: 1px #6F6F6F solid;
height: 18px;}
tr.ggGroupHeader td{
color: #5881F8;
padding: 3px;
text-align: center;
font: bold 12px Comic Sans MS;}
Artikel ini telah dilihat sebanyak 159 kali.
