CrossOver Tutorials

/* PROFILE BACKGROUND */ body { background-image:url(url); background-attachment:fixed; background-position:top center; background-repeat:repeat; background-color:#000000; cursor: url("http://www.123cursors.com/freecursors/7852.ani"), auto; } /* CUSTOMIZED SCROLLBAR COLOR */ body { scrollbar-face-color: #000000; scrollbar-highlight-color: #990000; scrollbar-shadow-color: #990000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #990000; } body {border-style: groove; border-top-color:#990000 ; border-bottom-color: #900000; border-left-color: #990000; border-right-color: #990000; border-top-width: 20px; border-bottom-width: 20px; border-left-width: 19px; border-right-width: 19px;} } a, a:link, a:visited, a:active, a:hover {cursor:url(http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani); } } /* GLOBAL FONTS */ .usercontent { font-family:Times New Roman; color:#ffffff; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:underline; color:#ff0000; } .data a, a.more, .commonbox .viewall { font-family:Times New Roman; color:#ffffff; } .usercontent a:hover { text-decoration:underline; color:#FFFAFA; } /* GLOBAL HEADERS */ .commonbox h1, .commonbox h2 { font-family:Bradley Hand ITC; color:#990000; background-color:transparent; } /* GLOBAL BOXES */ .commonbox { border-width:2px; border-color: #000000; border-style:solid; background-color:#800000; } /* TESTIMONIALS EVEN ROW */ .commonbox .evenrow { background-color:#000000; } /* PRIMARY PHOTO BORDER */ .controlpanel .imgblock200 { border-color:#330000; border-style:solid; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family: Times New Roman; color: #000000; border:0px none inset; background: black url(http://i331.photobucket.com/albums/l468/dhark_anjhel/buttons/But3.jpg) center no-repeat; } #controlPanelButtons a:hover { font-family: Times New Roman; color: #800000; border:0px none solid; background: black url(http://i331.photobucket.com/albums/l468/dhark_anjhel/buttons/But3a.jpg) center no-repeat;} } #controlpanelbuttons a {width:200px!important; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/buttons/But3.jpg)!important; background-repeat:no-repeat; background-attachment:fixed; background-position:center;height:20px!important;border-width:0px!important; border-color:none!important;border-style:solid!important} } /* DATA / LABELS */ .data, .controlpanel .q { color:#fffafa; } /* FRIENDS NAME BG */ .commonbox .dr { background-color:black; } #spawnpic img { height: 100px; width: 100px; border: 2px #800000 solid; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #spawnpic a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /*-- HIDE BOXES --*/ #content_14 {display : none ! important;} #navLang {visibility:hidden!important} #marketing{display:none;background:transparent;} #subnav {display:none;} #logo {display:none;} #navdivider {display:none;} #navigation div {background:transparent;} #f_logo {display:none! important} #logo {background: url();height:70px; width:260px;background-repeat: no-repeat;} #subnav_search{display:none;} #search {display:none;background:transparent;} #search form {display:none;background:transparent;} #marketing_bg{display:none;background:transparent;} #ads_2_3{display:none;background:transparent;} #mainnav .left {display:none;} #navdivider {display:none;background:transparent;} #subnav {display:none! important} #marketing{display:none;background:transparent;} #surfer, #navLang, #banneradrow, #search { display : none !important; /* Friends list caption alignment */ #content_friends_2_2 .dr { align:center ! Important } #content_2 .flogrid75 { width:75 ! Important } #content_2 .flogriditem { align:center ! Important; width:100% ! Important } #content_2 .flogriditem .ir img { width:100% ! Important ; height:100% ! Important } #content_1 .flogriditem .viewall {display:none!important;} body,td,tr,div,p { text-align: center; } body {overflow-x: hidden;} .user_tracker { font-size: 10px; color: #FFFAFA; background-color: transparent; background-image: url(); background-position: center center; background-repeat:repeat; border-style: groove; border-color: 990000; border-width: 3px; } .user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active { font-family: Times New Roman ; font-size: 10px !important; font-weight: normal !important; color: #FFFAFA!important; text-decoration: none !important; } .user_tracker a:hover { font-family:Times New Roman; font-size: '10 to 14'px !important; font-weight: bold !important; color: #FFFAFA!important; text-decoration: underline !important; } /* Hide Footer */ #footer_container {display:none!important;} } /* HIDDEN BLOG */ .blogs { dusplay: none; } /* Hide Recent Updates */ .user_tracker { display:none!important;} #content_0 {background-image:url(http://i331.photobucket.com/albums/l468/dhark_anjhel/misc/91430392ka7.gif); background-color:transparent;background-repeat: no-repeat; width:220px; height:299px; border:0px #FF3399 none; background-position: right bottom; margin-right:60px;} /* HIDDEN HOW YOU'RE CONNECTED BOX */ #meettrail { display: none; } a.more { display:none; } .blogs { display:none; } .reviews { display: none; } #navigation { position: relative !important; margin-top:10px; margin-bottom:10px; padding:474px 0 10 0; background-image: url(url); background-attachment: scroll; background-repeat: no-repeat; background-position: top center;} /*TABLES*/ table#flo_wrapper { margin: 20px auto 20px auto; border: none; border-style: solid; border-width: 0px; background: #000000; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/banner/itachi.jpg); background-attachment: scroll; background-repeat: no-repeat; background-position: top center; filter: alpha (opacity=90);} } table#flo1t { background: transparent; background-image: url(url); background-attachment: scroll; background-repeat: no-repeat; background-position: bottom right; padding: 0px; margin: 5px 5px 5px 5px; } .controlpanel { } background-color: #transparent; filter:alpha(opacity=100); -moz-opacity:0.9;opacity: 0.9; } .commonbox { background-color: transparent; filter:alpha(opacity=100); -moz-opacity:0.9;opacity: 0.9; } .commonbox .evenrow { background-color: transparent; filter:alpha(opacity=90;); -moz-opacity:0.9;opacity: 0.9; } /*shoutbox*/ .somsg { color:#000000; padding-left:45px;} .controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent no-repeat; align:left; } .controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left; } .controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url(http://i331.photobucket.com/albums/l468/dhark_anjhel/cute/Itachi.gif) no-repeat top left; font-size:10px; font-color:#000000; text-decoration:none; align:left; height:80px; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px} a:hover, a:hover img {color: #FFFAFA; background: url(url); filter:alpha(finishopacity=0, style=2);} /* FRIENDS NAME */ .commonbox .dr { background:url('http://dl2.glitter-graphics.net/pub/25/25582sz6svcmtzi.gif') fixed center 50%; margin:0px;0px; } } .flogridp .flogriditem {background:none; } p { font-family: 'Times New Roman'; color: #ff6633; } /* MAIN NAVIGATION LINKS */ #mainnav .mainfoldericon{background:url('url') !important;background-attachment: scroll !important; background-repeat: no-repeat!important; background-position-x: center center!important; color:#FFFAFA!important;background-color: #000000 !important; height:20px !important;padding: 0px 2px 0 2px! important} #mainnav ul li{ background:url('url') ! important; background-attachment:scroll !important; background-position-x:center !important; background-repeat:no-repeat ! important; background-color:#000000!important; border:2px inset #990000 !important;font:10; color:#FFFAFAimportant; font-style:normal; font-weight:normal; font-size:10 !important;height:20px !important; text-align:center} #mainnav ul li a:hover{border:2px inset #990000; background-color:#000000!important; color:990000! important; background:url('') !important; background-position-x:center center!important; background-attachment: scroll!important; background-repeat:no-repeat; height:20px!important; } #mainnav ul li ul {left: 20;position: absolute;top: 1px;display: block;margin: 0 4 0 4; background-color: transparent! important;width:auto } #mainnav ul li ul li a{background:black; } #mainnav ul li span.noSubMenu a {padding-right: 0 2px 0 2!important;} /* MAIN */ .controlpanel .q { background: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/tiny/blackstar.gif) no-repeat center left; padding: 0 0 0 30px;} /* MORE ABOUT */ .usercontent .q{ background: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/tiny/blackstar.gif) no-repeat left; padding: 0 0 0 19px;} /* MASTER BOXES */ .commonbox { border-width: 2px; border-color: #990000; border-style: inset; background-color: black; background-image: url(); background-position: center-right; filter:alpha(Opacity=90); } .commonbox .evenrow { background-color: transparent; } /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { font-family: Georgia, Times New Roman, Times, serif; color: white; text-transform: Capitalize; background-color: #330000; height: 25px; text-align:center; background-image: url(url); background-attachment: fixed; background-position: top center ; background-repeat: repeat; border-width: 7px; border-color: c22424; border-style: inset; text-align:center; } /* BOX: MORE ABOUT ME */ .moreabout { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY PHOTO GALLERY */ #content_1 { border-width: 4px; border-color: #880000; border-style: double; background-color: transparent; } #1 { text-align:center; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: bottom left; border-width: 4px; border-color: #c22424; border-style: double; background-color: transparent; filter:alpha(opacity=85); } } #content_1{border: #c22424; border-style: double; border-width: 4px; } /* BOX: MY FRIENDS */ .friends { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY VIDEOS */ .videos { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: scroll; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY GROUPS */ .groups { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: scroll; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY TESTIMONIALS */ .testimonials { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: left center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* TESTIMONIAL COMMENTS */ .publiccomments { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position:left center; border-color: #C22424; border-style: double; background-color: #; filter:alpha(opacity=85); } .publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; border: 4px inset black; width:430px; height: 170px; text-align:center; } /* BOX: MY SCRAPBOOK */ .scrapbook { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: FAN OF */ .fanof { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY FANS */ .myfans { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY REVIEWS */ .reviews { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY BLOGS */ .blogs { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* BOX: MY BLOG REVIEWS */ .blogsreviews { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85); } /* ONE COLUMN FRIENDS LIST */ .friends div .boxcontent { width: 100%; text-align: left; margin-left: 100px; } .friends .flogrid75 { text-align: left; width: 75px; } /* IMAGE EFFECT */ img { opacity:.80;filter:alpha(opacity=80) } a:hover img { opacity:50;filter:alpha(opacity=50, style=2) } /* CONTROL PANEL: BOX */ .controlpanel { border-width: 4px; background-image: url(http://i331.photobucket.com/albums/l468/dhark_anjhel/background/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; border-color: #C22424; border-style: double; background-color: #HEXCODE; filter:alpha(opacity=85);} /* CONTROL PANEL: USER PHOTO */ .imgblock200 { width: 200px; background: #990000; border: 3px 'ridge' #990000; text-align: center; margin-bottom: 5px; } .imgblock200 img { margin: 0 auto; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-size: '10 to 16'px; color: white; } .controlpanel .data { font-size: '10 to 16'px; color: white; } .controlpanel ul.data, .minicontrolpanel ul.data { font-weight: bold; margin-bottom: 15px; } .controlpanel ul.data li, .minicontrolpanel ul.data li { margin-bottom: 5px; } /* MAIN PHOTO HOVER CHANGE */ .imgblock200 a:hover img { opacity:70; filter: fliph; margin: 0 auto; } .imgblock200 a:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; text-align: center; margin-bottom: 5px; } /* MEETTRAIL */ #meettrail {display:none;} #content_15 {background-image:url(http://i331.photobucket.com/albums/l468/dhark_anjhel/misc/97010788ek2.gif); background-color:#000000;background-repeat: no-repeat; width:310px; height:450px; border:5px black inset; background-position: center center;} } /* PHOTOBLOCKS */ .ir { background-image:url(url); width:100px; height:75px; background-attachment:fixed; background-position:center; background-repeat:no-repeat; margin:0px;0px;20px;0px; } } } /* REMOVE HORIZONTAL SCROLLBAR*/ body { overflow-x: hidden; }

Just Change the HEXCODE or color and the Url of the images like the background images, tiny buttons in the control panel etc...etc... and host it to your hosting site like ripway or freewebs. And name it as (name.css or name.swf ) this is now your friendster linker url.

More Code:

Right click Code

Alert box and Status bar code


You can submit also a layout here and share your own design