Rabu, 18 Mei 2011

cara bikin theme

Ukuran Header : 780x380 px
Ukuran footer: 780x150 px

}
body {
background-image: url(background belakang);
background-attachment: fixed;
background-repeat: repeat;
font-family: century gothic;
}
h1#page_owner_title {
width: 655px;
margin: 0 auto;
padding: 40px 0 0 0;
background-color: none;
background: none;
color: #ffffff;
border: none;
font-size: 10px;
text-align: right;
font-family: Century gothic;
font-weight: italic;
}
.rolloverfordnd {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-: 520px;
background: none;
/* display: none; */
}
div.owner_nav {
background-color: #fff;
border: none;
margin: 0px;
/* -moz-border-radius: 10px; */
background: none;
: 780px;
: 380px;
background: url(header/banner)no-repeat left;
margin: 0 auto;
}
div#page_start {
width: 720px;
margin: 0 auto;
background-image: url(Background dalam);
color: #000000;
font-family: century gothic;
}
div#ownedfooter {
margin: 0 auto;
height: 150px;
padding: 50px 0 0 10px;
line-height: 10px;
border: none;
color: #765;
text-align: center;
font-size: 10px;
background: url(Footer) no-repeat top;
}
td.rail {
background: url(gambar di bawah pojok kanan);
background-color: none;
background-position: bottom center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.railstart {
width: 139px;
height: 0;
background-color: #000000;
background: none;
border: none;
margin-top: 100px;
}
.railbody {
width: 119px;
background-color: #0ffffff;
font-size: 12px;
background: none;
border: none;
z-index: 1000;
position: relative;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #e2e0d3;
}
.railend {
width: 139px;
height: 10px;
background: none;
margin: 0 0 8px 0;
border-left: 1px solid #e2e0d3;
border-bottom: 1px solid #e2e0d3;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border: none;
background-color: #e2e0d3;
border-left: 1px solid #e2e0d3;
border-right: 1px solid #e2e0d3;
border-bottom: 1px solid #e2e0d3;
background: none;
border: none;
}
.replybox {
border: none;
background: url(Background luar GB);
background-color: transparent;
font-family: century gothic;
color: #FFFFFF;
}
.replybox textarea {
background: #fff url(Gambar di dalam GB) no-repeat bottom right;
color: red;
font-size:13px;
font-family: century gothic;
font-weight: normal;
}


Atau cara yang di beri oleh Diva

div.contentwrapper {

background: transparent;

}

div.bodywrap {

background: transparent;

}

div.contentwrapper {

background: transparent;

}

div.bodywrap {

background: transparent;

}

div.contentwrapper {

background: transparent;

}

div.bodywrap {

background: transparent;

}

div.contentwrapper {

background: transparent;

}

div.bodywrap {

background: transparent;

}

body {

background-image: url(a, a:visited, a:link { color: #Kode Warna! Tanda pagar jangan di hapus! Kode bisa di cari seperti yang ada di atas;

}

h1#page_owner_title {

width: 655px;

margin: 0 auto;

padding: 40px 0 0 0;

background-color: none;

background: none;

color: transparent;

border: none;

font-family: Jenis Font;

font-size: Ukuran Fontpx;

text-align: center;

}

itemboxsub {

Color: # Kode Warna Lagi! Tanda pagar jangan di hapus! Kode bisa di cari seperti yang ada di atas;

Font-size: Ukuran Tulisanpx;

Border: none;

Padding: 0;

Margin: 0;

Background: none;

Text-align: center;

/* display: none; */

Max-: 520px;

}

.rolloverfordnd {

Color: #765;

Font-weight: bold;

Font-size: 24px;

Border: none;

Padding: 0;

Margin: 0;

Background: none;

Max-: 520px;

Background: none;

/* display: none; */

}

div.owner_nav {

background-color: #fff;

border: none;

margin: 0px;

/* -moz-border-radius: 10px; */

Background: none;

: 780px;

: 380px;

Background: url(URL Header)no-repeat;

Margin: 0 auto;

}

div#page_start {

: 380px;

Margin: 0 auto;

Background: url(URL Background Dalam)repeat;

Font-family: jenis font;

Color: #kode warna;

Link-hover: warna hover, pakai bahasa inggris;

}

Div#ownedfooter {

Margin: 0 auto;

Height: 280px;

Padding: 50px 0 0 10px;

Line-height: 10px;

Border: none;

Color: #765;

Text-align: center;

Font-family: jenis font;

Font-size: 10px;

Background: url(URL Footer) no-repeat top;

}

Td.rail {

Background: url(Gambar di GB-mu untuk nulis komentar!);

Background-color: none;

Background-position: bottom center;

Background-repeat: no-repeat;

Padding: 0;

Margin: 0;

}

.railstart {

Width: 139px;

Height: 0;

Background-color: #e2e0d3;

Background: none;

Border: none;

Margin-top: 100px;

}

.railbody {

Width: 119px;

Background-color: #e2e0d3;

Font-size: 12px;

Background: none;

Border: none;

z-index: 1000;

position: relative;

}

.railsep {

Height: 1px;

Margin: 12px 0 12px 0;

Background: none;

Background-color: #e2e0d3;

}

.railend {

Width: 139px;

Height: 10px;

Background: none;

Margin: 00 8px 0;

Border-left: 1px solid #e2e0d3;

Border-bottom: px solid #e2e0d3;

-moz-border-radius-bottomleft: 5px;

-mox-border-radius-bottomright: 5px;

Border: none;

Background-color: #e2e0d3;

Border-left: 1px solid #e2e0d3;

Border-right: 1px solid #e2e0d3;

Border-bottom: 1px solid #e2e0d3;

Background: none;

Border: none;

}

.replybox {
border: 3px dotted #FFFFFF;
background: url();
background-color: transparent;
font-family: century gothic;
color: #000000;
}
.replybox textarea {
background: #fff url() no-repeat bottom right;
color: black;
font-size:13px;
font-family: century gothic;
font-weight: normal;
}
/*cursor*/
body {cursor:url(URL CURSOR KE-1),default;
}
a,a:link,a:visited,a:active,a:hover {cursor:url(URL CURSOR YG NTAR KALO MAU NGE_KLIK BERUBAH),default;
}
ul li { list-style-image: url(
URL icon. Gambarnya harus kecil juga, sama kaya tadi);
}
div#subnavc {
width: 85px;
height: 29px;
border: none;
padding: 1px 1px 1px 1px;
position: fixed;
left: 10px;
top: 120px;
}
a.topt, a:link.topt, a:visited.topt, div#subnav li.gnopt {
display: block;
background: url(none) no-repeat;
width : 85px;
float: left;
height: 29px;
text-align: center;
font-size: 12px;
font-color : #ffffff;
color: #ffffff;
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(none) no-repeat;
width : 85px;
float: left;
height: 29px;
text-align: center;
font-size: 12px;
color: #ffffff;
padding: 1px 1px 1px 1px 1px;
border : none;
text-decoration: bold;
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(none) no-repeat;
width : 85px;
float: left;
height: 29px;
text-align: center;
font-size: 12px;
color: #ffffff;
padding: 1px 1px 1px 1px;
text-decoration: bold;
line-height: 19px;
font-weight: italic;
border : none;
margin : 0;
}
}
div.replyboxstamp a:before {
content:" This is: ";
color:#000000;
font-family:comic sans ms;
font-size:14px;
}
div#subnavc {
width: 80px;
height: auto;
border: none;
background: transparent;
padding: 0px;
position: fixed;
left: 10px;
top: 120px;
}
div#rail {
text-align:left;
font-family : verdana;
color: #ff00ad;
width:159px;
}
.user_id_signout td:before {
content:" ";
color: Black;
font-size: 12pt;
font-family: COURIER NEW;
}
/*kalo kita hover berubah warna*/
.replybox:hover {
border: ;
background: WARNA YANG KAMU MAU PAKAI BAHASA INGGRIS;
color: WARNA YANG KAMU MAU PAKAI BAHASA INGGRIS;
font-family: Font;
font-size: 20px;
}
/*kata-kata HS*/
}
td.rail div#rail .railbody .userlogo:before{
content:"Kata-kata yang kamu mau ";
font-size:14px;
-moz-border-radius: 20px;
font-family: FONT;
color: #000000;
}
td.rail div#rail .railbody .userlogo:after{
content:" Kata-kata yang kamu mau ";
font-size:14px;
-moz-border-radius: 20px;
font-family: FONT;
color: #000000;

/* BUTTON DENGAN ANIMASI */
a.topt, a:link.topt, a:visited.topt, div#subnav li.gnopt {display: block;background: url(URL Background button saat belum di klik) no-repeat;
width : 80px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
font-color : # Warna fontnya;
color: # Warna juga;
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(URL Background saat button di klik) no-repeat;
width : 80px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
color: #fff;
padding: 1px 1px 1px 1px;
border: none;
text-decoration: none;
line-height: 19px;
font-weight: italic;
margin : 0;
}

div.album img[alt="Thumbnail"] {
background:url(URL backgroundnya);
border:none;
margin-bottom:3px;
padding:10px;
}
div#new_replies_go_here .replybox .dummy {
background:transparent url(URLnya gambar tersebut ) no-repeat scroll right 2px;
}

.replyboxstamp a:before {

Content: "Kata depan sebelum ID untuk guestbook kamu";

font-family: Font yang kamu mau untuk kata depan;

font-size: 13px;

color: #Kode Warna;

}

.replyboxstamp a:after {

content: "Kata belakang diantara ID untuk guestbook kamu";

font-size: 13px;

font-family: Font yang kamu mau untuk kata belakang;

color: #Kode Warna;

}

td.rail div#rail .railbody .userlogo:before{
content:"Kata-Kata yang kamu mau ";
font-size:14px;
-moz-border-radius: 20px;
font-family: FONT;
color: #kode warna;
}
td.rail div#rail .railbody .userlogo:after{
content:"Kata-Kata yang kamu mau";
font-size:14px;
-moz-border-radius: 20px;
font-family: FONT;
color: #kode warna;

/* HIDE COMMENT */
#home_guestbook #replies {
display: none;
}
/*Do Not Edt My Theme*/

3 komentar: