Put a little color in your life..(animated) layout

Put a little color in your life..(animated)

Layout designer

Rate this layout

* * * * 36 votes

» Layout Preview

Friendster-Layouts.com - Put a little color in your life..(animated)

FOR THE CODE OF THIS LAYOUTS CLICK HERE
FOR MORE LAYOUTS!!! CLICK HERE
JOIN OUR GROUP AT FRIENDSTERCLICK HERE
JOIN THE ASTIGDESIGNS FAN CLUB AT FRIENDSTER CLICK HERE!DROP A COMMENT!
ADD ME AT FRIENDSTER CLICK HERE!DROP A COMMENT!

Code for CSS section
/* {--friendster-layouts.com css code start--} */ /* PAGE BACKGROUND */ body { background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/01/adsadsa8/adsadsa8.png); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-color: #ffffff; cursor: url (),default; } body, td, tr, div, p{ cursor:url(""),default; } a,a:link,a:visited,a:active,a:hover{ cursor:url(""),default; } /* GLOBAL FONTS */ .usercontent { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } /* GLOBAL LINKS HOVER */ .usercontent a:hover { color: #fcfcfc; text-decoration: overline; font-family: century gothic; font-size: 14px;} /* MASTER BOXES */ .commonbox { background-image: url(); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; width : 475px; overflow : hidden; position : relative; left : 87px !important; background-position : top left !important ; background-repeat : no-repeat !important ; } .commonbox .evenrow { background-image: url(); background-position: ; background-repeat: ; background-color: transparent; } /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { background-image: url(); background-position: bottom center; background-repeat: no-repeat; background-color: transparent; color: transparent; text-transform: none; border: # 0px none; height: 75px; text-align: center; font-size: 0px !important; } /* MAIN BOXES: BULLETS */ .controlpanel .q { background: url(http://i43.tinypic.com/10mnbyh.gif) no-repeat center left; padding: 0 0 0 25px;} .usercontent .q{ background: url(http://i43.tinypic.com/10mnbyh.gif) no-repeat left; padding: 0 0 0 16px;} /* CONTROL PANEL: BOX */ .controlpanel { background-image: url(http://i42.tinypic.com/2dmhwlw.png); background-attachment: scroll; background-position: top left; background-repeat: no-repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* CONTROL PANEL: USER PHOTO */ .controlpanel .imgblock200 { border-width: 1px; border-color: #fcfcfc; border-style: dashed; background-color: transparent; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } .controlpanel .data { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } .data a { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } a.more { font-family: century gothic; font-size: 13px; color: #fcfcfc; text-transform: none; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { background-image: url(); background-color: #3d3d3d; border-width: 1px; border-color: #afafaf; border-style: dotted; font-family: century gothic; font-size: 11px; color: #afafaf; text-transform: none; height: 25px; width:175px; margin-left: 15px; margin-top: 3px; padding: 0 0 0 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; } #controlPanelButtons a:hover { background-image: url(); background-color: #afafaf; border-width: 1px; border-color: #fcfcfc; border-style: dotted; font-family: century gothic; font-size: 14px; color: #fcfcfc; text-transform: none; -moz-border-radius: 50px; -webkit-border-radius: 50px; } /* BOX: MORE ABOUT ME */ .moreabout { background-image: url(http://i40.tinypic.com/5mfrpc.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY PHOTO GALLERY */ .photos { background-image: url(http://i41.tinypic.com/mkuo2o.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } .friends, .fanof, .myfans, .groups { background-color: transparent !important; width : 150px !important ; position: relative !important; left: 85px !important;} .commonbox .dr { background-color : transparent !important; } /* BOX: MY FRIENDS */ .friends { background-image: url(http://i41.tinypic.com/e1aqzp.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY VIDEOS */ .videos { background-image: url(); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY GROUPS */ .groups { background-image: url(http://i40.tinypic.com/314pir4.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY TESTIMONIALS */ .testimonials { background-image: url(http://i43.tinypic.com/6t1opy.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: dotted; } /* BOX: MY PUBLICCOMMENTS */ .publiccomments { background-image: url(http://i43.tinypic.com/6t1opy.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: dotted; } /* BOX: MY SCRAPBOOK */ .scrapbook { background-image: url(http://i43.tinypic.com/30ud0rk.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: FAN OF */ .fanof { background-image: url(http://i44.tinypic.com/2w5q2bo.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY FANS */ .myfans { background-image: url(http://i39.tinypic.com/2iaycy8.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none;} /* BOX: MY REVIEWS */ .reviews { background-image: url(http://i44.tinypic.com/kf44tv.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY BLOGS */ .blogs { background-image: url(http://i42.tinypic.com/2i11tg9.png); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* BOX: MY BLOG REVIEWS */ .blogsreviews { background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 0px; border-color: #; border-style: none; } /* MISC: COMMENTS/TESTIMONIALS TEXT */ .data { font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; } /* MISC: VIEW ALL AND EDIT LINKS */ .commonbox .viewall, .commonbox .editlink { padding: 4px 11px; font-family: century gothic; font-size: 10px; color: #fcfcfc; text-transform: none; font-weight: bold; } .commonbox .editlink { float: right; } /* MISC: SMALL PHOTOS */ .commonbox .imgblock75, .ir { border-width: 1px; border-color:#fcfcfc; background-color: transparent; border-style: dashed; } /* MISC: SMALL PHOTO NAMES */ .commonbox .dr { font-family: century gothic; font-size: 10px; background-color: transparent; } /* PERSONALIZED LOGO */ #navigation { background-color: transparent; border: 0px none #; margin:0px 0 0px 0; padding:511px 0 0 0; background-image: url(http://i41.tinypic.com/5wim81.jpg); background-attachment:scroll; background-repeat: no-repeat; background-position: top center; position : relative !important ; top : -11px; left: 0px; } #footer{ color: transparent; height: 162px; padding: 0px 0 0px 0; background: transparent url(http://i40.tinypic.com/2zz3ztt.jpg) no-repeat; background-position: bottom center; position : relative !important ; left: 30px; top: 20px !important; bottom: -5px; font-size: 0px; } #subnav {display: none !important;} #mainnav .mainfoldericon { background: url(http://i43.tinypic.com/10mnbyh.gif)!important; background-repeat: no-repeat !important; background-position: right center !important; } #mainnav { width: 450px !important; background : transparent !important ; border : 0px transparent !important ; position : relative; left : 125px; top : 25px; } #mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active { font-size : 11px !important ; color : #fcfcfc!important ; background-color : #3d3d3d !important ; text-align : center; text-decoration : none !important ; } #mainnav a:hover { color: #3d3d3d!important; } #mainnav ul li ul { background-color : transparent !important ; filter: alpha(opacity=100); -moz-opacity:1;opacity: 1; } /* SHOUTBOX */ .somsg { background-image:url('none') !important; color: #fcfcfc; background-color:transparent ! Important; } .so {background-image:url('none') !important; background-color:transparent ! Important ; } .soc { background-image:url('none') !important; background-color:transparent ! Important ; } #delShoutoutForm {background-image:url('none') !important; background-color:transparent ! Important ; } #cpShoutoutBox { background-image:url('none') !important; background-color:transparent ! Important ; } #shoutoutForm { background-image:url('none') !important; background-color:transparent ! Important ; } .disabled normal { background-image:url('none') !important; background-color:transparent ! Important ; } .divider { background-image:url('none') !important; background-color:transparent ! Important ; } .fakeLink { background-image:url('none') !important; background-color:transparent ! Important ; } .sol {background-image:url('none') !important; background-color:transparent ! Important ; } .sob { background-image:url('none') !important; background-color:transparent ! Important ; } .commonbox .imgblock75 { background-image:url('none') !important; background-color:transparent ! Important } .ir { background-image:url('none') !important; background-color:transparent ! Important } .flogridp .flogriditem { background-image:url('none') !important; background-color:transparent ! Important } .dr { background-image:url('none') !important; border:none ! Important } .fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important } .controlpanel .so a, .minicontrolpanel .so a { color: #fcfcfc!important; } .so, .soc, .sol, .sob { background: transparent !important; } #cpShoutoutBox { background-color: transparent; background-image: url(http://i43.tinypic.com/10mnbyh.gif) !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 1px dashed #fcfcfc; width: 220px! important; height: 100%; color: #e0fe3e!important ; overflow: hidden; font-weight: normal; font-size: 10pt; -moz-border-radius: 30px; -webkit-border-radius: 25px; } /* RECENT UPDATE BOX*/ .user_tracker { color: #fcfcfc; background-color: transparent; background-image: url(http://i43.tinypic.com/10mnbyh.gif); background-position: left top; background-repeat: no-repeat; border-width: 1px; border-color: #fcfcfc; border-style: dashed; font-size: 10px; -moz-border-radius: 50px; -webkit-border-radius: 50px; padding: 0 0 5px 0; text-align: center; } .user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active { font-family: century gothic; font-size: 10px; font-weight: normal !important; color: #fcfcfc!important; text-decoration: none !important; } .user_tracker a:hover { font-family: century gothic; font-size: 10px; font-weight: bold !important; color: #fcfcfc!important; text-decoration: none !important; } .rtd .viewall a,.reviews .viewall a,.blogs .viewall a { background:transparent url(http://i43.tinypic.com/10mnbyh.gif) no-repeat left center; color:#fcfcfc; padding-left:15px;} #content_2 .viewall,#content_8 .viewall,#content_7 .viewall {position: relative; left: -20px !important;} #content_13 .viewall,#content_12 .viewall{text-align:left} #content_18 .viewall a,#content_1 .viewall a{background:transparent url(http://i43.tinypic.com/10mnbyh.gif) no-repeat scroll left center;padding-left:15px;} #content_18 .viewall,#content_1 .viewall,.rtd .viewall { text-align:center !important; } .groups .data { display:none } ul.entries li { background: url(http://i43.tinypic.com/10mnbyh.gif) no-repeat; padding-left: 15px; margin-right: 100px !important; margin-bottom: 5px;} #content_0 {margin-top: 0px !important;} #content_1 {margin-top: 0px !important;} #content_2 {margin-top : 0px !important ; position: relative !important; left: 10px !important;} #content_7 {margin-top : 0px !important ; position: relative !important; left: 10px !important;} #content_8 {margin-top : 0px !important ; position: relative !important; left: 10px !important;} /* CENTER PROFILE TEXT AND CONTENTS */ body,td,tr,div,p { text-align: center; } #content_18 { height: 100% !important; overflow: hidden !important; overflow-x: hidden !important; scrollbar-3dlight-color : #fcfcfc; scrollbar-shadow-color : #fcfcfc; scrollbar-face-color: #fcfcfc; scrollbar-darkshadow-color : #fcfcfc; scrollbar-track-color : #fcfcfc; scrollbar-arrow-color : #fcfcfc; scrollbar-highlight-color: #fcfcfc; margin-top: 20px !important; } #content_18 .data {padding: 20px 0 0px 20px !important;} #content_18 ul { width : 315px !important ; overflow-x: hidden !important; background-color: transparent; border-style: dashed; border-color: #fcfcfc; border-width: 1px !important; } #navLang { display : none !important ;} .controlpanel p {display : none !important ;} #search { display : none !important ;} #search form { display : none !important ;} #marketing {display : none !important ;} #content_14 {display : none !important ;} #subnav {display : none !important ;} #marketing_bg {display : none !important ;} #surfer {display : none !important ;} #navdivider {display : none !important ;} #content_0 a.more {display : none !important ;} .banner_ad_fix {display : none !important ;} .reportabuse {display : none !important ;} #ads_2_3 {display : none !important ;} #subnav_search {display : none !important ;} .secondary_links {display : none !important ;} #mainnav .left {display : none !important ;} #content_15 {display : none !important ;} .dr {border:none} .commonbox .editlink {display: none !important;} #googleAdFactory.fullwidth {position : absolute; top : -5500px;} #mainnav div div {display: none !important;} #f_logo {float:left;position:relative;left:100px !important;} .somsg { text-align: center; !important } .controlpanel .sol, .minicontrolpanel .sol { position : absolute; left : -5px; top : 8px; width : 6px; height : 12px; background : transparent no-repeat; } .controlpanel .sob, .minicontrolpanel .sob { display : none !important ; } .controlpanel .so, .minicontrolpanel .so { background : url() no-repeat center left transparent; border-style: none; font-size : 10px !important; text-decoration : none; padding: 20px 0 20px 0 !important; } .secondary_links {display: none;} /* Hide Footer link only */ #footer a {display:none!important;} .publiccomments div div .dtd { width: 100%; } .publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: hidden; border-width: 1px; border-color: #fcfcfc; border-style: dotted; text-align: center; width: 340px; height: auto; -moz-border-radius: 30px; -webkit-border-radius: 25px; } .commonbox .evenrow { background-color: transparent; } .boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; } .publiccomments div div .dtd ul { background-color: transparent; -moz-border-radius: 0 30px 0 30px; text-align:center; width:340px; height: 75px; overflow: hidden; padding: 2px 2px 2px 2px;} .publiccomments div div .dtd ul:hover{ background-color: transparent; -moz-border-radius: 0 30px 0 30px; height: 100%; min-height: 75px; height: 100% !important; height:100%; } .data img, .data embed {max-width: 340px;} /* IMAGE EFFECTS */ img { opacity:1;filter:alpha(opacity=100); } a:hover img { opacity:0.75;filter:alpha(opacity=75); #logo {display:none!important;} /* {--friendster-layouts.com css code end--} */
Code for Media/About Me
<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/nickastig/" title="Nickastig's layouts">Nickastig's layouts</a></p>
Download Background Image
Add Layouts Widget

• Published by Nickastig on January 18th, 2009 (10:18 GMT).

Other layouts from 'Quotes/Words' category:

Friendster-Layouts.com

Put a little color in your life..(animated)

Navigation Links

Browse Layouts

Sponsors