XIRUKI 217 OFFICIAL SITE

FEATURED TUTORIAL!

(free but do not abuse)

NOTICE: There will be more changes, this coming
December 2009 until January 2010
Thank you!

CSS TUTORIAL

1st step: copy the code below and paste it to notepad

/* michael's friendster profile editor v4.1 */ /* shinigami 217 */ /* DO NOT REMOVE ANY CREDITS */ /* PAGE BACKGROUND */ body { background-image: url(URL OF IMAGE); background-attachment: fixed; background-position: right center; background-repeat:repeat; background-color: #000000; cursor: url(""),default; } /* HIDDEN SCRAPBOOK */ .scrapbook { display: none; } /* MASTER BOXES */ .commonbox { border-width: 6px; border-color: #EE7621; border-style: solid; background-color: #000000; background-image: url(URL OF IMAGE); background-attachment: scroll; background-position: center; background-repeat: repeat; filter:alpha(opacity=65); -moz-opacity: 0.6; opacity:.60; } .commonbox .evenrow { background-color: 000000; filter:alpha(opacity=70;); } /* MAIN */ .controlpanel .q { background: url(URL OF IMAGE) no-repeat center left; padding: 0 0 0 25px;} /* MORE ABOUT */ .usercontent .q{ background: url(URL OF IMAGE) no-repeat left; padding: 0 0 0 16px;} /* CUSTOMIZED SCROLLBAR COLOR */ body { scrollbar-arrow-color:#FFFFFF; scrollbar-face-color: #EE7621; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; } /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { background-color: transparent; background-image: url(URL OF IMAGE); background-attachment: fixed; background-position: top center; background-repeat: repeat; text-align:center; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a:hover { color: #000000; border-color: #EE7621; background-image: url(URL OF IMAGE); background-attachment: fixed; background-position: center center; background-repeat: repeat; text-align:center; } #controlPanelButtons { width: 200px; margin-top: 3px; padding-bottom: 1px; } #controlPanelButtons li { display: inline; } #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { color: #ffffff border: 5px outset #EE7621; border-color: #EE7621; width: 100px; text-align: center center; display: inline; background-image: url(URL OF IMAGE); background-position: center center; background-repeat: repeat; padding: 6px 0; } #controlPanelButtons a:hover { color: #ED9121; width: 100px; text-align: center center; display: inline; background-image: url(URL OF IMAGE); background-position: center center; background-repeat: repeat; border: 5px outset; padding: 6px 0; } /* SUB NAVIGATION LINKS */ #subnav a, #subnav a:link, #subnav a:visited, #subnav a:active { font-family: tahoma; font-size: 13px; color: #666666; font-weight: bold; background-color: transparent; text-decoration: none; } /* #2 */ #subnav a:hover { font-size: 13px; color: #ED9121; background-color: transparent; text-decoration: underline; } /* #3 */ #subnav span { color: #666666; } #meettrail {display: none;} #googleAdFactory.fullwidth{position:absolute;top:-5500px;} #content_18 {overflow-y:scroll; height:1000px;} .publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; text-align:center; border-color: #ED9121; border-style: solid; border-width:6px; width:380px; height:250px; background-color: transparent; /* CSS IMAGE EFFECTS - FRIENDSTER-TWEAKERS.COM */ img { filter:xray } a:hover img { opacity:1;filter:alpha(opacity=100) } /* ONE COLUMN FRIENDS LIST */ .friends div .boxcontent { width: 100%; text-align: left; margin-left: 100px; } .friends .flogrid75 { text-align: left; width: 75px; } .friends div .viewall a { text-align: center; width: 100%; padding-left: 30px; } #navigation div { background: #000000 url(URL OF IMAGE) ; border: #ED9121 5px; } .banner_ad_fix{display:none;} .user_tracker {display: none;} .controlpanel .so, .minicontrolpanel .so { width: 257px; height: 150px; position: relative; background:url("URL OF IMAGE") no-repeat top right; color: #808080; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px } .controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background: url("URL OF IMAGE"); repeat } .controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 } .flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url(URL OF IMAGE) no-repeat; } } /* FriendsterMagic remove search form*/ #search {display:none;background:transparent;} #search form {display:none;background:transparent;} /* FriendsterMagic - remove featured sponsor */ #marketing_bg{display:none;background:transparent;} .blogs {display:none;} /* FriendsterMagic - main navigation*/ #mainnav { margin:0 0 10px 0; padding:0 0 2px 0; color: #000000; width:100%; font-size:9px; font-weight:bold; background: url(URL OF IMAGE) fixed; repeat center; transparent;} #mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#666666; text-decoration:none; } } #mainnav .left {display:none;} #mainnav .right {display:none;} #navdivider {display:none;background:transparent;} #subnav {display:none;} /*BANNER*/ #navigation {background-color: transparent; border:none; margin:10px 0 10px 0; padding:250px 0 0 0; background-image: url(URL OF IMAGE); color: #000000; background-color: transparent; background-attachment:scroll; background-repeat: no-repeat; background-position: center; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:.80;} #viewerphoto img { height: 100px; width: 100px; border: 2px #97B6CA solid; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #viewerphoto a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

edit the part with: background-image: url(URL OF IMAGE);

HOW TO GET A URL? go to www.photobucket.com