SIlahkan jika berminat..anda bisa memakai layout ini. Saya cuma modifikasi dikit kok..
div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
body {
background:color: #347C2C;
background-attachment: fixed;}
html {
scrollbar-arrow-color: #709940;
scrollbar-face-color: #E6F6CD;
scrollbar-highlight-color: #E6F6CD;
scrollbar-3dlight-color: #E6F6CD;
scrollbar-track-color: #E6F6CD;
scrollbar-shadow-color: #E6F6CD;
scrollbar-darkshadow-color: #E6F6CD;
}
a, a:visited, a:link { color: #606C53; }
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: -30px;
height: -20px;
width: 50px;
background: url() no-repeat top left;
background-position: 30px 0;
z-index: 1000;
position: relative;
}
.railbody {
padding: 20px;
width: 100px;
font-size: 11px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
z-index: 1000;
position: relative;
_/* background: url() repeat-y top left; */
background-color: #E6F6CD;
}
.railsep {
height: 1px;t
margin: 12px 0 12px 0;
background: none;
background-color: #E6F6CD;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: #E6F6CD;
}
td.rail {
background: url();
background-color: #709940;
background-position: bottom center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 10px;
height: 260px;
width: 680px;
border: 5px solid #FFFFFF;
border-bottom: none;
padding: 110px 0 0 0;
background: url(
http://usera.imagecave.com/lisawan23/multiply/masjidnabawiheader.gif) no-repeat top left;
background-color: #E6F6CD;
background-position: 0px 0px;
}
div#subnavc {
width: 680px;
background-color: transparent;
border-top: 0px solid #000000;
padding: 0px;
position: absolute;
left: 120px;
top: 390px
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #486724;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #486724;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
font-family: tahoma;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #555;
}
li.gnoptsel {
border-color: #abd;
}
h1#page_owner_title {
font-size: 16px;
font-family: Arial;
background-color: none;
background: none;
color: #000000;
font-weight: bold;
height: 20px;
padding-left: 12px;
}
div#page_start {
padding: 0;
width: 680px;
border: 5px solid #FFFFFF;
border-top: none;
border-bottom: none;
margin: 0 auto;
}
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 3px 0 3px 0;
width: 680px;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
font-size: 9px;
color: #486724;
background-color: #FFFFFF;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #486724;
color: #486724;
font-weight: normal;
font-size: 24px;
font-family: TAHOMA;
border: none;
padding: 0;
background: none;
max-width: 500px;
}
.rolloverfordnd {
color: #666;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
background-color: #E6F6CD;
max-width: 500px;
}
.itemshadow {
max-width: 500px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 12px;
text-align: right;
color: #486724;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #486724;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #E6F6CD;
color: #486724;
border-top: 5px solid #FFFFFF;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #E6F6CD;
color: #486724;
border-top: 5px solid #FFFFFF;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
_/* color: #486724; border: none; background-color: #E6F6CD; margin: 0 2px 0 2px; */
color: #486724; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
_/* color: #486724; border: none; background-color: #E6F6CD; margin: 0 2px 0 2px; */
color: #486724; border: none; background: none;
}
a.go, .go {
color: #486724; border: none; background: none;
}
.rail .userlogo {
border: 1px solid #999;
}
.caldiv1 { background-color: #E6F6CD; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #E6F6CD;
padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #E6F6CD; }
.caldiv1 th {
background-color: #E6F6CD;
color: #486724;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #486724; }
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a { color: #486724; }
.navinput {
border: none;
color: #E6E6E6;
}
table.indextitle {display: none;}
td#maincontent { padding: 0 25px 0 0; margin: 0; background-color: #E6F6CD; }
div.header {
width: 680px;
margin: 0 auto;
background: none;
}
.infobox { background-color: #E6F6CD; }
div.infobox .boxbody {
border: 1px solid #FFFFFF;
}
div.gndd {
color: #486724;
background-color: #E6F6CD;
border: 1px solid #ccc;
}
div.ddsep { background-color: #E6F6CD; }
div.gndd a {
font-weight: bold;
border: 1px solid #333;
}
div.gndd a:hover {
background-color: #E6F6CD;
}
li { list-style-image: url(
http://usera.imagecave.com/lisawan23/multiply/masjidnabawiicon1.gif); }
div.guidebox {
background: none;
background-color: #E6F6CD;
color: #486724;
border: 1px dotted #FFFFFF;
}
div.add_sublabel a:hover {
color: #486724;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link,
span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #486724;
}
div#home_guestbook td#cell_submit input {
background: url(
http://www.geocities.com/chonk_andrew1/button/a113.gif) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #FFF;
font-weight: bold;
font-size: 11px;
text-align: center;
}
div#home_guestbook td#cell_submit input:hover {
background: url(
http://www.geocities.com/chonk_andrew1/button/a116.gif) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #000;
font-weight: bold;
font-size: 11px;
text-align: center;
}
span.textarea-handle {
display : none;
}
#home_guestbook {overflow: auto; height: 650px;}
table#table_reply {
width:150%;
margin: 0 5px 2px 0;
padding:0;
border:0;
}
#home_guestbook {
padding-top: 15px;
height: 300px;
overflow-y: auto;
}
#home_guestbook .textarea#body {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: transparent;
url()scroll repeat bottom center;
filter:alpha(opacity=95);
opacity:0.95;
border-bottom: 1px solid #d69eba;
border-bottom: 1px solid #d69eba;
border-left: 1px solid #d69eba;
border-right: 1px solid #d69eba;
color:#CC0000;
font-family:arial;
size: 12px;
font-weight:normal;
margin-right:10px;
margin-left:10px;
padding: 10px 10px 10px 10px;
width:90%;
}
#home_guestbook div.itemreplyform.textarea#body {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:transparent;
url()scroll repeat bottom center;
filter:alpha(opacity=95);
opacity:0.95;
border-bottom: 1px solid #d69eba;
border-bottom: 1px solid #d69eba;
border-left: 1px solid #d69eba;
border-right: 1px solid #d69eba;
color:#666666;
width:90%;
font-family:arial;
size: 12px;
font-weight:normal;
margin-right:10px;
margin-left:10px;
padding: 10px 10px 10px 10px;
}
#home_guestbook .quotet {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: transparent;
url()scroll repeat bottom center;
filter:alpha(opacity=95);
opacity:0.95;
border-bottom: 1px solid #d69eba;
border-bottom: 1px solid #d69eba;
border-left: 1px solid #d69eba;
border-right: 1px solid #d69eba;
color:#666666;
font-family:Book Antiqua;
size: 12px;
font-weight:normal;
padding: 5px 5px 5px 5px;
margin: auto;
margin-right:90px;
}
div#home_guestbook td#cell_submit input {
background: url(
http://tbn0.google.com/images?q=tbn:dE2s3zhMWBW5yM:http://bp2.blogger.com/_pRS6hxCfpVs/Rx53b-bbr9I/AAAAAAAAAEc/jG5L6J37brY/s1600/header%2Bgreen.jpg) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #FFF;
font-weight: bold;
font-size: 11px;
text-align: center;
}
div#home_guestbook td#cell_submit input:hover {
background: url(
http://tbn0.google.com/images?q=tbn:dycuRx6dcoQ0eM:http://thefro.org/gallery2/themes/gecko/images/wordpress_green_header2.png) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #000;
font-weight: bold;
font-size: 11px;
text-align: center;
}
span.textarea-handle {
display : none;
}
h1#page_owner_title {
margin-top: 0px;
font-size: 20px;
color: #347C2C;
font-weight: bold,italic;
font-family:Monotype Corsiva, Geneva;
}
a.topt, a:link.topt, a:visited.topt, div#subnav li.gnopt {
display: block;
background: url(
http://www.geocities.com/chonk_andrew3/button/a19.gif) no-repeat;
width : 65px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
font-color : #fff;
color: #fff;
padding: 1px 1px 1px 1px;
line-height: 19px;
font-weight: bold;
border : none;
margin : 0;
}
a.toptsel, a:visited.toptsel, a:link.toptsel, div#subnav li.gnoptsel, a:hover.toptsel, a:link:hover.toptsel, a:visited:hover.toptsel {
display: block;
background: url(
http://www.geocities.com/chonk_andrew3/button/a27.gif) no-repeat;
width : 65px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
color: #000;
padding: 1px 1px 1px 1px;
border : none;
text-decoration: none;
line-height: 19px;
font-weight: bold;
margin : 0;
}
a.topt:hover, div#subnav li.gnopt:hover, a:hover.topt, a:link:hover.topt, a:visited:hover.topt {
display: block;
background: url(
http://www.geocities.com/chonk_andrew3/button/a26.gif) no-repeat;
width: 65px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
color: #000;
padding: 1px 1px 1px 1px;
text-decoration: none;
line-height: 19px;
font-weight: bold;
border : none;
margin : 0;
}
.railstart {
width: 100px;
height: 90px;
margin:30px;
padding:0px;
background:url('
http://i207.photobucket.com/albums/bb185/ukhti_fr/rebaz.gif') no-repeat top center;
margin-buttom: 10px;
}