Add the codes im your CSS..



Just edit #2, hEX COLOR, #55 and the like if you want...
[b]Codes here:[/b]
[spoiler]/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 2px;
border-color: HEX COLOR;
border-style: solid;
background-color: #ffffff; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #ffffff;
background-color: transparent;[/spoiler]
You can also add different images on the top of each boxes:
[spoiler]/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 2px;
border-color: #F1628D; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 2px;
border-color: HEX COLOR;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 2px;
border-color: HEX COLOR; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 2px;
border-color: HEXCOLOR HERE;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY GROUPS */
.groups {
border-width: 2px;
border-color: HEX COLOR;
border-style: solid;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
background-color: #ffffff;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 2px;
border-color: HEX COLOR; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 2px;
border-color: HEX COLOR; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 2px;
border-color: #F1628D;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: FAN OF */
.fanof {
border-width: 2px;
border-color: #F1628D; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid
background-color: #ffffff;
}
/* BOX: MY FANS */
.myfans {
border-width: 2px;
border-color: HEX COLOR;
border-style: solid;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
background-color: #ffffff;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 2px;
border-color: HEX COLOR; padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 6px;
border-color: #F1628D;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 6px;
border-color: #F1628D;padding-top:55;
background-image: url("IMG URL HERE");
background-position: top center;
border-style: solid;
background-color: #ffffff;[/spoiler]
FYI: You can assign position to the image if you want..
Top Center, Top right, Top left, Center right, bottom left, etc..
See sample:
[spoiler][img]http://img126.imageshack.us/img126/8079/profilegb6.jpg[/img][/spoiler]
[b]NOTE:[/b] You may edit the codes if you want..
Last edited by dimepiece_notfugly (2009-01-10 06:11:36)