Shugo Chara Doki Layout - Shugo Tama - Shugo Chara Doki!

the original picture^^

first
second
third
and...to be...



hehehehe...you like it?

and..here the code^^
maybe not really good...
but..is kawaii^^

/* michael's friendster profile editor v4.1 */
/* http://www.editfriendster.com */

/* PAGE BACKGROUND */
body {
background-image: url(http://i356.photobucket.com/albums/oo5/Yukichan_cute/shuchadoki.gif);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat-x;
background-color: #ffffff;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #66ccff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #4d4d4d;
}
.usercontent a:hover {
color: #ff99cc;
}
/* MASTER BOXES */
.commonbox {
border-width: 4px;
border-style: dotted;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #3399cc;
background-color: #66ccff;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 2px;
border-style: dotted;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #66ccff;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #cc33ff;
}
.controlpanel .data {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff9900;
}
.data a {
color: #99ff00;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #cc99cc;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #ff9900;
border-color: #ccccff;
background-color: #ffff00;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #ffffff;
border-color: #66cccc;
background-color: #33ff00;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 3px;
border-style: dotted;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ffff00;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-style: dotted;
background-color: #ffffff;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #6600ff;
background-color: #66cccc;
}

put in css box!