Music layout | Friendster-Layouts.com

Music

Layout designer

Rate this layout

» Layout Preview

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/adsadsa17/adsadsa17.png); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-color: #1b1b1b; 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() no-repeat center left; padding: 0 0 0 25px;} .usercontent .q{ background: url() no-repeat left; padding: 0 0 0 16px;} /* CONTROL PANEL: BOX */ .controlpanel { background-image: url(http://i40.tinypic.com/14jrjx0.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/xbcu9v.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/3518eg5.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://i39.tinypic.com/if0c9d.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://i42.tinypic.com/ayn992.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://i40.tinypic.com/11lj0n8.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://i40.tinypic.com/11lj0n8.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://i40.tinypic.com/ve43rt.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://i39.tinypic.com/if0c9d.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/if0c9d.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://i40.tinypic.com/ve43rt.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://i40.tinypic.com/ve43rt.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://i39.tinypic.com/2a8qk9s.png); 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://i39.tinypic.com/xc39tg.png) 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()!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() !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(); 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() 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() 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() 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 24th, 2009 (15:10 GMT).

Other layouts from 'Abstract/Artistic' category:

Friendster-Layouts.com

Music

Navigation Links

Browse Layouts

Sponsors