Jumat, 03 Oktober 2008

Theme MP untuk JPers

Assalamualaikum,
Pren ini ada theme yg ku buat untuk JPers, silahkan jika ada yg mau pake, syarat pake harus punya account di multiply.com :D
Berikut cara menggunakannya themes-nya.

* Klik Customize My Site pada menu Multiply anda
* Choose a Theme, lalu pilih basic themes SKYLINE
* Setelah itu, Kembali ke Customize My Site, lalu Edit CSS, dan Masukan Kode berikut.

Contoh pemakai theme ini : http://ajirachmat.multiply.com/




====================================================================

/* === [kohan2282.multiply] SKYLINE [kohan2282.multiply] ===*/

body {
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg1-2.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
background-color:#000;
color:#AACECC;
font-size:10px;
font-family:papyrus;
}

a.topt,a:visited.topt {
line-:1.2em;
display:block;
float:left;
:12px;
text-align:center;
background-image:url(http://tinyurl.com/6byzvr);
background-color:none;
font-size:12px;
color:#AAD3E9;
font-family:verdana;
:20px;
padding:3px;
margin-left:1px;
margin-right:1px;
border:1px outset #000;
-moz-border-radius:20px 37px 19px;
}

a.toptsel,a:visited.toptsel {
line-height:1.2em;
display:block;
float:left;
height:18px;
text-align:center;
background-color:transparent;
background-image:none;
font-size:12px;
color:#AAD3E9;
font-family:papyrus;
width:60px;
padding:3px;
margin-left:1px;
margin-right:1px;
border:1px outset #000;
-moz-border-radius:20px 37px 19px;
}

a:hover.topt,a:link:hover.topt,a:visited:hover.topt,
a:hover.toptsel,a:link:hover.toptsel,a:visited:hover.toptsel {
text-decoration:none;
color:#EBB03B;
font-family:verdana;
background-color:transparent;
border:1px inset #000;
background-image:none;
-moz-border-radius:20px 37px 19px;
}

.userboxlogo img, .userlogo, div.stats div.userlogo {
border:2px solid #000;
background-color:transparent;
}

.userlogo a, .userlogo a:visited, div.infobox a,
div.infobox a:link, div.infobox a:visited
{
font-size:10px;
color:#AAD3E9;
}
/*Miniprofile PopUp*/
div#miniprofile_div {
color:#CD2C3C;
}

div#miniprofile_div a,div#miniprofile_div a:visited,
div#miniprofile_div a:link {
color:#CD2C3C;
text-decoration:none;
font-family:verdana;
}

div#miniprofile_div a:hover {
color:#EBB03B;
text-decoration:none;
font-family:verdana;
}

div#miniprofile_div div.address {
color:#CD2C3C;
}

table.miniprofilebodytable {
border-width:1px;
border-color:#AAD3E9;
color:#AAD3E9;
background-color:#28295F;
background-image:none;
}
.userboxlogo img {
border: 2px solid #000;
}


td#group_rating_options.pad6r b { color: #B5AE8F;
}
fieldset{ border:1px solid #000;
}
/*RePLy BoX*/
.replybody img {
max-height:300px;
max-width:300px;
}

.replybodytext {
font-size:12px;
font-weight:;
font-family:verdana;
color:#fbf4e4;
}
.replybox {
background-image: none;
background-color: transparent;
color:#fbf4e4;
border:1px solid #000;
background-color:#3C319;
overflow:auto;
font-family:verdana;
font-size:12px;
font-weight:;
}

.replybox textarea{
background-color:transparent;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
background-color:#3C319;
color:#fbf4e;
border:1px solid #000;
}

.replyboxread {
background-image: none;
background-color:#3C310;
color:#B4CBC;
font-size:12px;
font-weight:bold;
overflow:auto;
font-family:verdana;
border:1px solid #000;
}
.replyboxread:hover {
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
border:1px solid #000;
background-color:#4A494F;
color:#AAD3E9;
}

.quotet {
background-image:none;
background-color:transparent;
color:#fbf4e4;
font-size:12px;
font-weight:;
font-family:verdana;
border:1px solid #2E3E4C;
}
.replyboxodd {
padding: 5px;
color: #F84820;
background-color:#33190;
color:#eee;
border:1px solid #7e9195;
}

.dummy {
border: solid 0px #000;
background-color:#3C310;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-3.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
color: #eee;
font-size: 12px;
}
.replydeleted, .replyboxstamp{ color:#000;
}

.textarea-handle {
position:relative;
right:1px;
height:5px;
width:100%;
cursor:n-resize;
margin-top:2px;
display:block;
background:url(http://tinyurl.com/6249ts) no-repeat top right;
}
.quotet img {
display: none;
}
.quotet {
background: transparent url(http://tinyurl.com/59sek2) no-repeat left 27px scroll;
}
.quotet i {
padding-top: -5px;
padding-right: 20px;
padding-left: 15px;
background: transparent url(http://tinyurl.com/6b436g) no-repeat right bottom scroll;
}
.userlogo a,.userlogo a:visited {
color:#AAD3E9;
font-family:verdana;
font-size:10px;
}

.itemboxsub .icon {
background-color:transparent;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/jp2kecil-1.png);
background-repeat:no-repeat;
background-attachment:scroll;
}
/*submit n preview button*/
input {
background-image:none;
background-color: transparent;
border: 2px outset #000;
color: #000;
font-size:12px;
font-weight: italic;
font-family:verdana;
margin:3px;
padding:2px;
-moz-border-radius:20px 37px 19px;
}
input:hover{
background:url();
background-color: transparent;
border: 2px outset #000;
color: #aacecc;
font-size:12px;
font-weight: italic;
font-family:verdana;
margin:3px;
padding:2px;
-moz-border-radius:20px 37px 19px;
}

.itembox legend,div.relatedlinks,.itemboxsub td,.itemboxsub .cattitle {
color:#AACECC;
font-family:verdana;
}
.itembox{
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-3.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-position:LEFT;
font-size:12px;
font-weight:normal;
font-family:verdana;
border:1px solid #000;
background-color:transparent;
}
.contactbox {
float:left;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#000;
margin:15px;
font-size:10px;
text-align:center;
background-color:transparent;
color:#FBF4E4;
font-family:verdana;
}

.videothumb,.videothumb td,.videothumb table {
border:0px solid #454B7F;
background-color:transparent;
background-image:none;
max-width:180px;
max-height:180px;
padding:3px;
text-align:center;
font-size:10px;
}

.quotet img,.railstart,.railend,
table.indextitle,li.gnopt a img,
li.gnoptsel a img,.itemboxsub .icon img {
display:none;
}
td.rail {
background:url();
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
padding:0;
border-left:0 solid #000;
}
div#subnav {
padding:1px;
padding-left:45px;
background:none;
background-color:transparent;
border:0 solid #000;
border-top:0 solid #000;
border-bottom:0 solid #000;
height:auto;
}
div.owner_nav {
margin:auto;
height:390px;
width:900px;
border:0px solid #000;
border-bottom:0px solid #000;
padding:10px 0 0;
background:url(http://i305.photobucket.com/albums/nn231/kohan22/headjpers2.png) no-repeat center;
background-color:transparent;
background-position:center;
}
a.add,a:link.add,a:visited.add,a.select,
a:link.select,a:visited.select  {
font-family:verdana;
background:url(http://i305.photobucket.com/albums/nn231/kohan22/jp2kecil2.png) no-repeat top left;
}
a.add:hover,a:link.add:hover,a:visited.add:hover,
a.select:hover,a:link.select:hover,
a:visited.select :hover {
font-family:verdana;
color:#EBB03B;
background:url(http://i305.photobucket.com/albums/nn231/kohan22/jp2kecil-1.png) no-repeat top left;
}
.railbody ul li {
list-style-image: url(http://i305.photobucket.com/albums/nn231/kohan22/jp2kecil-1.png);
}
.railbody ul li:hover {
list-style-image: url(http://i305.photobucket.com/albums/nn231/kohan22/jp2kecil-1.png);
color:#EBB03B;
}
div#page_start {
padding-top:20px;
padding-right:50px;
padding-bottom:0;
padding-left:50px;
background-image:none;
}

td#maincontent {
padding-top:20px;
padding-left:40px;
padding-right:10px;
}
div.header li.gnoptsel {
background:none;
border:0px solid #fff;
background-color:transparent;
color:#AAD3E9;
padding:2px 0;
margin:2px 6px;
font-size:12px;
}
div.header li.gnoptsel b.cn {
background:none;
}

li.gnoptsel,li.gnoptsel a:visited {
display: block;
position: relative;
float: left;
text-align: center;
font-size: 12px;
font-weight: bold;
padding:0px 0;
margin:1px 0px;
background-color: transparent;
border: 0px outset #000;
color:#AAD3E9;
}

.railbody, .railsep  {
background:none;
background-color:transparent;
color:#FBF4E4;
padding-top:100px;
border:0px solid #fff;
}

a:link {
color:#8AA4A5;
font-size:12px;
font-weight:bold;
}
#cell_owner_tags a, #cell_refresh_favorites a
 {
color:#8AA4A5;
}
a:visited{
color:#BCD0D1;
font-size:12px;
font-weight:bold;
}

a:active,a:focus {
outline-color:invert;
outline-style:none;
outline-width:0;
font-size:12px;
color:#89777F;
}
a:hover {
color:#EBB03B;
text-decoration:none;
}
a.voptsel, a.voptsel:link, a.voptsel:visited, .voptlabel,
div.vopt span.voptlabel,div.vopt  {
border:0px solid #000;
background-color:transparent;
color:#AAD3E9;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
border:0px solid #000;
background-color:transparent;
color: #708B99;
}
.header .globalnav ul.gnopt a,.header .globalnav a.select {
color:#fbf4e4;
font-size:12pt;
}

.header .globalnav ul.gnopt a:hover {
color:#EBB03B;
font-size:12pt;
}
a.signout,
a.signout:visited,a.signout:link {
color:#fbf4e4;
font-weight:bold;
font-size:12pt;
}
span.signoutid a,span.signoutid a:visited,
span.signoutid a:link,a.signoutid{
color:#fbf4e4;
font-weight:bold;
font-size:12pt;
}
span.signoutid a:hover,
span.signoutid a:visited:hover {
color:#EBB03B;
font-weight:bold;
font-size:12pt;
}


table.globalnav h3,div.header h3,h3{
color:#000;
font-weight:bold;
font-size:12pt;
}
h1#page_owner_title {
margin-top: 130pt;
margin-right: 0pt;
margin-bottom: 10pt;
margin-left: 0pt;
padding-top: 130px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 10px;
background-color: transparent;
color:#AAD3E9;
font-family:verdana;
text-align:center;
}
div#subnav
{
background: none;
width: 790px;
border: 0px solid #fff;
padding-top: 40px;
}
div#ownedfooter {
margin:0;
border:0 solid #000;
background-color:transparent;
color:#fbf4e4;
text-align:center;
font-size:10px;
:105px;
:700px;
/*background:url(http://tinyurl.com/3lumu6);  */
padding-left:60px;
margin-left:60px;
background-repeat:no-repeat;
background-position:center;
}
div#poll_answers, div#poll_questions,div#poll_answers,
tr#row_vote,div#poll_answers, td#cell_  {
    color: #000000;
}
.infobox, div.infobox .boxbody, div.stats div.infobox .boxbody , .boxhead, div.sidebox .boxbody   {
border:1px solid #000;
color:#B4CBCC;
background-color:#dee8cf;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
font-family:verdana;
font-weight:bold;
font-size:10pt;
}
.boxhead h2{
color:#B4CBCC;
}

div.box,div.box div.boxbody{
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
border:1px solid #000;
color:#B4CBCC;
font-size:10px;
background-color:transparent;
}

/*table view*/
div.ddsep,.tablediv1,.tablediv1 tr,.bg0 {
color:#AAD3E9;
background-color:transparent;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
.tablediv1 th {
background-color:transparent;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
color:#AAD3E9;
}
.tablediv1 tr:hover,tr.blank,tr.blank:hover{
background-color:transparent;
color:#EBB03B;
background:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

.bodysummary,div.tagdesc { color:#AACECC;
}

/*calendar*/
.cald,.calevent  {
background-color:transparent;
border:0 solid #000;
float:left;
margin:-3px -3px 3px 3px;
padding:4px;
text-align:center;
width:20px;
color:#B4CBCC;
}

.caldiv1 th,.caldiv1,.caldiv1 th,.caldiv1 td, .caldiv1 td.calday {
background-color:transparent;
background-image:none;
color:#B4CBCC;
/*background-image:url(http://tinyurl.com/6byzvr);*/
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
-moz-opacity: 0.8;
filter: Alpha(Opacity=80);
}

.caldiv1 td:hover, .caldiv1 td.calday:hover,.caldiv1:hover{
background-color:transparent;
color:#EBB03B;
}
/*Albums*/
.album {
text-align:center;
max-height:160px;
max-width:155px;
margin:0px;
padding:0px;
}


.album img, .album img,thumb  {
background-image:none;
max-height:160px;
max-width:155px;
padding:0px;
margin:0px;
}
.itemboxalbum {
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
font-size:15px;
font-weight:normal;
font-family:verdana;
border:1px solid #000;
background-color:transparent;
color:#feefce;
}

div.prevnextphoto {
    -moz-border-radius: 1px;
background-color: transparent;
border: none;
border-bottom: solid 1px #9999ff;
padding: 0px 15px 5px 15px;
margin: 0 -10px 10px -10px;
color: #000;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
    font-weight: normal;
font-size: 12px;
color: #99bbff;
}
div.prevnextphoto table td {
    font-weight: bold;
font-size: 14px;
color: #99bbff;
}
div.prevnextphoto {
    background-color: transparent;
border: 0px solid #fff;
color: #eee;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
    color: #eee;
}
div.prevnextphoto table td {
    color: #eee;
border: 0px solid #fff;
}
/*Site customization*/
div#customize_body.customize_body{
background: transparent ! important;
}

h2.hph2 {
    font-size: 18px;
font-weight: bold;
color:#feefce ! important;
}
/*SITE CUSTOMIZATION LINKS*/
div#customize_body a {
color:#feefce ! important;
}
/*reviews tweak*/
td#group_rating_options.pad6r b { color: #feefce;
}
fieldset{ border:0px solid #fff;
color: #feefce;
}
/*Pop up box upon edit*/
td.popup_left, td.popup_right,
 td.popup_bottom, td.popup_top  {
background-image:none;
border:0px solid #555;
background-color:#4A4A54;
}

td.popup_body {
background-color:#4A4A54;
color:#B4CBCC;
font-family:verdana;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
textarea{
background-color: #4A4A54;
color:#B4CBCC;
font-family:verdana;
background-image:url(http://i305.photobucket.com/albums/nn231/kohan22/bg2-jpers.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
b.popup_top_left, b.popup_top_right,
 b.popup_bottom_right, b.popup_bottom_left {
background-image:none;
border:0px solid #555;
background-color:#4A4A54;
}

===================================================================

NB: nggak ada hak ciptanya, silahkan kalo mau diutak-atik :D




















-koHan-
[kohan2282.multiply]

15 komentar:

Acorbusie mengatakan...

Tapi tulisannya jadi susah kebaca boss..
Usul.. gimana kalo dibikin lebih transparant dengan background putih.. ?
Sekedar usul boss.. :)

Acorbusie mengatakan...

Oya.. tentunya kalo pake transparant putih, font pake yang gelap..
Demikian juga sebaliknya.. :)

HANS ' mengatakan...

hehe...malem juga.
layer ke-2 nya sudah sedikit dibikin gelap lagi..tapi tetep aja kurang nyaman dibaca. mendinglah
kayaknya BG utamanya agak keramean ya...
kadang kalo ngedit theme, masih merasa sayang kalo 'suasana' BGnya ilang, padahal orangkan baca tulisan nggak cuma liat BGnya.. thanks Jendral.

Acorbusie mengatakan...

Hehehe.. betul boss.. itu yg sering bikin bingung biar padu sama isi content.. :p

-kopral jono-

HANS ' mengatakan...

Siap laksanakan!!
tidur dulu ah.. sudah jam 2 kurang 3 menit dini hari...

-anak buah kopral jono-

Acorbusie mengatakan...

Okeh.. met istirahat boss..!

-pembantunya anak buah kopral jono-

HANS ' mengatakan...

selamat pagi, sudah bangun??

-bangunin pembantunya anak buah kopral jono-

DhaVe Dhanang mengatakan...

wah pa gak bikin berat loding neh mas..?

Guruh Andrianto mengatakan...

Aq naksir sama backgroud MP'mu yang ada saung itu...rasanya kayak di negeri khayangan! Haayyyaaaah....!!! :-p~

tovick baskoro mengatakan...

wah keren tuh, jadi bisa ngerubah theme MP-q donk, thanks han....

HANS ' mengatakan...

@dhave29: bisa dicoba mas. Skalian test kecepatan browsing. Soalnya kalo pake LAN kantor. Aman2 aja. Nanti kalo lambat bisa di resize lg.

HANS ' mengatakan...

@guruh: Ranu Pani, ga ada matinya. Im falling in love... Sama tempat ini.

HANS ' mengatakan...

@guruh: Ranu Pani, ga ada matinya. Im falling in love... Sama tempat ini.

@rigelx: next.. Moga ada versi lainnya.

Rahmi Aulina mengatakan...

ikuut aahh,,,heheh..boleh ya???
*ga ada akunya..*
hahahah

HANS ' mengatakan...

monggoh..monggoh silahkan
*makanya ikut naik gunung :D*