560.Customize Multiply blog

1) Download một hình ở trên về máy:

Ví dụ hình này



 2) Bạn vào Customize My Site kéo lên trên cùng chọn Choose a Theme  

3) Xuất hiện cái bảng như vầy. Bạn chọn Custom Colors





4) Chọn Replace và đưa hình vừa download lên làm nền:



Bạn có thể chuyển đổi màu nền box như bên Yahoo 360.

Đây là code các màu trong Blog của DCT:


/* body */
div.bodywrap {
    background-color: #FEDDFA;
    background: transparent;
}

div.contentwrapper {
    background-color: #FEDDFA;
    background: transparent;
}

body {
    background: none;
    background-color: #FEDDFA;
    background-image: url('http://images.doanchithuy.multiply.com/image/1/photos/upload/1200x1200/Si3-pQoKCrsAAHgaBDE1/taochu-bgr-62.gif.thumb.jpg?et=Xm373%2CoZSANSa67fKJNY5w&nmid=0');
}

/* part or rail where ads are */
.rail {
    background: none;
    background-color: #FEDDFA;
    color: #F1E2B9;
}

.railstart {
    background: none;
    background-color: #FEDDFA;
    color: #F1E2B9;
    border-color: #01F405;
    margin-right: -1px;
}

.railbody {
    background: none;
    width: 118px;
    background-color: #FEDDFA;
    color: #F1E2B9;
}

.railend {
    background: none;
    background-color: #FEDDFA;
    color: #F1E2B9;
}

div.header {
     background: none;
     border-color: #01F405;
     background-color: #F2DFF5;
     border-bottom: 1px solid #01F405;
}

td.rail {
     background: none;
     border-color: #01F405;
     background-color: #FEDDFA;
     color: #F1E2B9;
}

td.leftnav {
    background: none;
    border-color: #FEDDFA;
    border-right-color: #01F405;
    border-left-color: #01F405;
    background-color:#FEDDFA;
    color: #F1E2B9;
}

div.leftnavsep {
    border-color: #01F405;
}

div.railsep {
    background: #F1E2B9;
}

td.leftnav a.mopt, td.leftnav a:link.mopt, td.leftnav a:visited.mopt, a.mopt, a:link.mopt, a:visited.mopt {
    color: #ffffff;
}

td.leftnav a:hover.mopt, a:hover.mopt {
      text-decoration: none;
      background-color: #ffffff;
      color: #FEDDFA;
}

/* site title */
h1#page_owner_title {
    color: #cc0000;
}

/* page title */
h1 {
    color: #08BC56;
}

/* item title area */
.itemboxsub {
    background: none;
    background-color: #AEF58A;
    border-color: #AEF58A;
/* item box titles */
    color: #888888
}

/* calendar editting */
.caldiv1 {
    background-color: #AEF58A;
}

.caldiv1 th {
    background-color: #BBDBF1;
}

.caldiv1 td {
    background-color: #BBDBF1;
}

.itemsubsub {
    background: none;
    background-color: #AEF58A;
/* item box detail */
    color: #888888;
}

/* item contents area */
.itembox {
    background: none;
    background-color: #FEDDFA;
    border-color: #AEF58A;
    color: #000000;
}

.itembox legend { color: #000000; }

.itemboxalbum {
    background: none;
    border: 1px solid #AEF58A;
    background-color: #FEDDFA;
    color: #000000;
}

div.relatedlinks {
    color: #000000
}

.stats {
    background: none;
    background-color: #FEDDFA;
    border-color: #AEF58A;
    color: #000000;
}

/* links inside itemboxen */
.select a, .select a:visited, .select a:link, .select a:hover, .viewmore a, .viewmore a:visited, .viewmore a:link, .viewmore a:hover, .itembox a, .itembox a:visited, .itembox a:link, .itembox a.select, .itembox a:visited.select, .itembox a:link.select, .itembox a:hover.select {
    color: #0037A1;
}

a.select, a:visited.select, a:link.select, a:hover.select {
    color: #000000;
}

#uploadtools a, #uploadtools a:visited, #uploadtools a:link, #uploadtools a:hover {
    color: #000000;
}
#importtools a, #importtools a:visited, #importtools a:link, #importtools a:hover {
    color: #000000;
}

.cattitle a, .cattitle a:visited, .cattitle a:link, .cattitle a:hover {
    color: #888888;
}

/* navigation and title bar */
div.owner_nav {
    background: none;
    background-color: #F2DFF5;
    border: 1px solid #01F405;
}

td#content-start {
    border-color: #01F405;
}

table.globalnav {
    background: none;
    background-color: #F2DFF5;
}

table.globalnav h3 {
    color: #cc0000;
}

.navinput {
    border: 1px solid #01F405;
    background-color: #F2DFF5;
    color: #0b5eb4;
}

div.gndd {
    background: none;
    background-color: #F2DFF5;
    border: 1px solid #F2DFF5;
    color: #cc0000;
}

div.gndd a {
    border: 1px solid #F2DFF5;
}

div.gndd a:hover {
    background-color: #D31FEF;
    color: #333333;
}

div.ddsep {
    background-color: #0b5eb4;
}

h4#post_new_content_sections {
    color: #0b5eb4;
}

/* owner navigation links */
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link, div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link, li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
        color: #0b5eb4;
}

li.gnoptsel {
    border-color: #cccccc;
    background-color: #D31FEF;
    color: #0b5eb4;
}


li.gnoptsel a, li.gnoptsel a:visited, li.gnoptsel a:link, li.gnoptsel a:hover {
    color: #333333;
}
td li.gnoptsel a, td li.gnoptsel a:visited, td li.gnoptsel a:link, td li.gnoptsel a:hover {
    color: #0b5eb4;
}

div#subnav li.gnoptsel {
        border-color: #cccccc;
}


/* right rail links */
ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link {
    color: #ffffff;
}
.railbody a.raillink, .railbody a:link.raillink, .railbody a:visited.raillink {
    color: #ffffff;
}
.userlogo a, .userlogo a:hover, .userlogo a:visited, .userlogo a:link, td.rail div#rail div.userlogo a {
    color: #0b5eb4;
}
.userlogo, td.rail div#rail div.userlogo {
    border-color: #01F405;
}

/* protect poll dialog box fonts */
td#cell_ {
    color: #000000
}

tr#row_vote {
    color: #000000
}

div#ownedfooter {
    background: none;
    background-color: #F2DFF5;
    border-color: #01F405;
}

td#maincontent {
    color: #08BC56;
}

a.go, a.go:visited, a.go:link {
    color: #888888;
}

/* various classes to describe link colors throughout the main body */

a.post, a.post:visited, a.post:link, a.editlinks, a.editlinks:visited, a.editlinks:link, a.compose, a.compose:visited, a.compose:link, a.vopt, a.vopt:visited, a.vopt:link  {
    color: #000000;
}

a.editlinks:hover {
    font-style: italic;
}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link, div.itemactions a, div.itemactions a:visited, div.itemactions a:link {
    color: #000000
}

div.header li.gnoptsel {
    background: none;
    border: none;
    background-color: #F2DFF5;
    color: #333333;
    padding: 2px 0 2px 0;
    margin: 2px 6px 2px 6px;
}

div.header li.gnoptsel b.cn {
    background: none;