sunset layout

explanation : build by freehand mx, just using pencil tool, assets, color gradation, blend tools

download : please download here sunset layout

source code :

/* {--friendster-background.blogspot.com css code start--} */<br /><br />/* michael's friendster profile editor v4.1 */<br />/* http://www.editfriendster.com */<br /><br />/* PAGE BACKGROUND */<br />body {<br /> background-image: url(http://www.geocities.com/h_yaqien/background/senja.jpg);<br /> background-attachment: fixed;<br /> background-repeat: no-repeat;<br /> background-color: #ffffff;<br /> cursor: ;<br />}<br />/* GLOBAL FONTS */<br />.usercontent {<br /> color: #ffffff;<br />}<br />/* GLOBAL LINKS */<br />.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {<br /> color: #ffffff;<br />}<br />.usercontent a:hover {<br /> color: transparent;<br />}<br />/* MASTER BOXES */<br />.commonbox {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />.commonbox .evenrow {<br /> background-color: transparent;<br />}<br />/* MASTER HEADERS */<br />.commonbox h1, .commonbox h2 {<br /> color: transparent;<br /> background-color: transparent;<br />}<br />/* CONTROL PANEL: BOX */<br />.controlpanel {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* CONTROL PANEL: USER PHOTO */<br />.controlpanel .imgblock200 {<br /> border-color: #ffffff;<br />}<br />/* CONTROL PANEL: DATA */<br />.controlpanel .q {<br /> color: #ffffff;<br />}<br />.controlpanel .data {<br /> color: #ffffff;<br />}<br />.data a {<br /> color: #ffffff;<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: MORE ABOUT ME LINK */<br />a.more {<br /> color: #ffffff;<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: BUTTONS */<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {<br /> font-family: Arial, Sans-serif;<br /> color: #ffffff;<br /> border-color: #ffffff;<br /> background-color: transparent;<br /> text-decoration: ;<br />}<br />#controlPanelButtons a:hover {<br /> font-family: Arial, Sans-serif;<br /> color: #ffffff;<br /> border-color: #ffffff;<br /> background-color: transparent;<br /> text-decoration: ;<br />}<br />/* BOX: MORE ABOUT ME */<br />.moreabout {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY PHOTO GALLERY */<br />.photos {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY FRIENDS */<br />.friends {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY VIDEOS */<br />.videos {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY GROUPS */<br />.groups {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY TESTIMONIALS */<br />.testimonials {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* TESTIMONIAL COMMENTS */<br />.testimonialscomments {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY SCRAPBOOK */<br />.scrapbook {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: FAN OF */<br />.fanof {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY FANS */<br />.myfans {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY REVIEWS */<br />.reviews {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY BLOGS */<br />.blogs {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* BOX: MY BLOG REVIEWS */<br />.blogsreviews {<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* MISC: TESTIMONIALS/REVIEWS TEXT */<br />.data {<br /> font-family: Arial, Sans-serif;<br /> color: #;<br /> text-transform: ;<br />}<br />/* MISC: VIEW ALL LINKS */<br />.commonbox .viewall {<br /> color: #ffffff;<br />}<br />/* MISC: SMALL PHOTOS */<br />.commonbox .imgblock75, .ir {<br /> border-color: #ffffff;<br /> border-style: dotted;<br /> background-color: transparent;<br />}<br />/* MISC: SMALL PHOTO NAMES */<br />.commonbox .dr {<br /> background-color: transparent;<br />}<br /><br />/* {--friendster-background.blogspot.com css code end--} */<br /><br />