CSS Codes

Subject: CSS Codes 6/22/2008, 14:36

Here's the complete codes in creating your own layout.As of today,I will not accept any Request.

First,study carefully the Tutorials on How to get your RIPWAY or any web hosting site DIRECT URL LINK.EDIT ONLY THE "YOUR BACKGROUND IMAGE URL HERE","YOUR CURSOR URL HERE","YOUR IMGE URL HERE",THE COLOR OF YOUR BORDER AND FONTS...
YOU MAY GO :CLICK THIS -->FOR THE COLOR CHART

Layout CSS Codes

/*PAGE BACKGROUND */
body {
background-image: url(YOUR BACKGROUND IMAGE URL HERE);
background-attachment: fixed;
background-repeat: repeat;/*NO-REPEAT IF YOUR IMAGE IS TOO BIG*/
background-position: center center;/*BOTTOM,TOP,LEFT OR RIGHT*/
background-color: transparent;
}

/* center profile info */
.controlpanel ul.data li {
text-align:center;
}

/*center More About info */
#content_6 {
text-align:center;
}

/* master text color */
body,td,tr,div,p {font-family: ARIAL /*TIMES NEW ROMAN,VERDANA OR ANY FONTS THAT YOU LIKE*/;color:#6666cc;font-size:15px;style:italic;}

/*center master headers text*/
.commonbox h1, .commonbox h2 { /*header*/
font-color: #6666cc;
font-size: 15px;
background-color: transparent;
background-image: url(YOUR IMAGE URL HERE);
background-attachment: scrollable;
background-repeat:no-repeat;
background-position: center center;
border-color: #0066ff;
border-width: 3px;
border-style: dotted;
text-align: center;
}

/* VIEWALL */
.viewall {
font-family: Tahoma;
color: #6666cc;
background-color: transparent;
background-image:url(YOUR IMGE URL HERE);
background-position: center center;
text-align: center;
border-color: #0066ff;
border-style: dotted;
border-width: 3px;
}

/* scrollbars */
body {
scrollbar-arrow-color: #6666cc;
scrollbar-base-color: #0066ff;
scrollbar-dark-shadow-color: #6666cc;
scrollbar-track-color: #00000;
}

/* master links */
body {cursor: url(YOUR CURSOR URL HERE);}
a {cursor: url(YOUR CURSOR URL HERE);}
a:link {font-size: 15px;color:#6666cc;text-decoration:none;}
a:visited {color:#0033ff;text-decoration:none;}
a:hover {
color:#6666cc;
text-decoration:underline;
border-bottom-style:dotted;
border-bottom-width: 5px;
border-top-style:dotted;
border-top-width: 5px;
background:url(YOUR IMGE URL HERE);
}

/* main navigation*/
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width: 100%;
font-color: #6666cc;
font-size: 15px;
font-weight: bold;
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-repeat:repeat;
background-position: center;
}
#mainnav a { border-width:5px; border-style:dotted; border-color:#0066ff; width:60px; font-size:15px; text-decoration:none!important; color:#6666cc!important; }
#mainnav span, #mainnav_left, #mainnav_right {display:none!important;}

/* remove featured sponsor */
#marketing_bg{display:none;background:transparent;
}

/* photo gallery */
.photos { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
}
/* grid layouts */
.flogrid75, .flogridp { zoom: 1; }
.flogrid75:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.flogrid75, .flogrid50 { margin-right: 5px; margin-left: 5px; }
.flogridp { margin-right: 5px; margin-left: 5px; }
.flogriditem { float: left; display: inline; margin-top: 5px; margin-right: 5px; margin-bottom: 15px; margin-left: 5px;}
.flogridp .flogriditem { margin-top: 5px; margin-right: 5px; margin-bottom: 15px; margin-left:5px; width: 110px; height: 110px; background: url(YOUR IMGE URL HERE) repeat; }
.flogrid75 .flogriditem { width: 100px; }
.ir {
background: transparent;
text-align: center;
overflow: hidden; }
.dr { text-align: center; background: #66cccc; padding: 3px 0; border-top: 2px dotted #009966; }
.flogridp .ir { width: 150px; height: 150px;}
.flogridp .ir img { margin: 0 auto; height: 150px; }
.flogrid75 .ir { width: 150px; height: 150px; }
.flogrid75 .ir img { margin: 0 auto; height: 150px; }

/* one column fans list */
.fans { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.fans div.boxcontent{width:100%;text-align:center;}
.fans.flogrid75{text-align:center;width:100px;}
.fans div.viewall a{text-align:center;width:100%;padding-left:0px;}

/* one column friends list */
.friends { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0px
}
.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:100px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:0px;}

/* FRIENDS NAMES */
.commonbox .dr { border:3px dotted #0066ff; background:url(YOUR IMGE URL HERE) scroll center 100%; margin:0px;0px;padding:5px;width:150px;
}

/* TESTIMONIALS IMAGES */
.commonbox .imgblock75 { background-image:url(YOUR IMGE URL HERE); width:120px; height:100px;image-align:center;border: 3px;padding: 5px;
border-style: dotted;
border-color: #0066ff;
border-width:5px;
background-attachment:fixed;
background-position:center; background-repeat:repeat;
}

/* PHOTOBLOCKS */
.ir { background-image:url(YOUR IMGE URL HERE); width:120px; height:110px;
background-attachment:fixed;
background-position:center; background-repeat:repeat;}

/* common box */
.commonbox { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/*specific module boxes*/
#controlpanelbuttons a {color: #6666cc;
border-color: #0066ff;
border-style: dotted;
background-color: transparent;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* MAIN */
.controlpanel .q {
background: url(YOUR IMGE URL HERE) no-repeat center left;
padding: 10 0 5 45px;}
/* MORE ABOUT */
.usercontent .q{
background: url(YOUR IMGE URL HERE) no-repeat left;
padding: 10 0 5 40px;}

#controlpanelbuttons a:hover {font-color: #6666cc; border-color: #0066ff; background-color: #0066ff;
}

/* controlpanel */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Georgia, Times New Roman, Times, serif;
color: #6666cc;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-color: transparent;
}
#controlPanelButtons a:hover {
font-family: Georgia, Times New Roman, Times, serif;
color: #6666cc;
border-color: #0066ff;
border-style: dotted;
border-width: 3px;
background-image: url(YOUR IMGE URL HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
text-decoration: underline;
}

#controlpanelbuttons a:hover {background:transparent url(YOUR IMGE URL HERE); color: #6666cc; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border-left-color:border-style; border-left-width:3px; border-right-color:border-style; border-right-width:3px; border-top-color:#0066ff; border-top-width:3px; border-bottom-color:dotted; border-bottom-width:3px; background-color:#0066ff;}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
border-color: #0066ff;
border-style: double;
border-width: 10px;
padding-left: 15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
margin-left:0; margin-right:0px; margin-top:0; margin-bottom:0px;
}

/* resize photo and removed white bground */
.photos.flogridp .ir img {width:100px !important;height:100px !important;}
.photos.flogridp .ir {width:100px !important;height:100px !important;margin:5px 5px 5px 5px;border:#0066ff solid;background-color:transparent;}
.flogridp .flogriditem {background:url(YOUR IMGE URL HERE);
}

/* more about me */
.moreabout { /*box*/
font-color: #6666cc;
font-size: 15px;
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* public comments */
#publiccomments_1_7 {
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}
.publiccomments div div .dtd ul { padding: 2px 2px 2px 2px; overflow: auto; border: 5px dotted #009966; width:450px; height:auto; background-image: url(YOUR IMGE URL HERE); background-position: center; background-repeat: repeat; }

/* media box */
.scrapbook { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* review box*/
.reviews { /*box*/
background-color: transparent;
border-color: #0066ff;
border-style: dotted;
border-width: 5px;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-attachment: scrollable;
}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
font-size: 14px;
color: #6666cc;
background-color: transparent;
background-image: url(YOUR IMGE URL HERE);
background-position: center center;
background-repeat: repeat;
border-style: dotted;
border-color: #0066ff;
border-width: 5px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: 'Verdana !important;
font-size: 14px !important;
font-weight: normal !important;
color: #6666cc !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: 'Verdana !important;
font-size: 14px !important;
font-weight: bold !important;
color: #6666cc !important;
text-decoration: underline !important;
}

.controlpanel .so, .minicontrolpanel .so {
width: 257px; position: relative;
background-image:url(YOUR IMGE URL HERE);
background-repeat: repeat;
background-position: center;
background-color: transparent;
border-color: #0066ff;
border-style:dotted;
border-width: 5px;
font-color: #6666cc !important;
font-weight: bold; margin-left:0; margin-right:0px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background-image: url(YOUR IMGE URL HERE);
background-repeat: repeat;}
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px;
background:url(YOUR IMGE URL HERE);
background-repeat: repeat; line-height: 0; font-size: 14px;
}

#meettrail {background-image: url(YOUR IMGE URL HERE); border-width: 2px; border-color: #0066ff; border-style: dotted;}
#meettrail h2 {color: #6666cc;}
#meettrail .bottom .inextended {background: transparent no-repeat center url(YOUR IMGE URL HERE);}
#meettrail .them img {display:none;}
#meettrail .me img {display:none;}
#meettrail .arrow img{display:none;}

Subject: Re: CSS Codes 6/22/2008, 14:37

/*REMOVE FRIENDSTER LOGO */

/* remove top banner */
.banner_ad_fix{display:none;}

/* remove logo */
#logo {display:none;background:transparent;}

.videos { /*box*/
display:none;
}

/* remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}

/* remove footer */
#footer_container {display: none;}
#footer {display: none;}

/* hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* hide report abuse */
.reportabuse{display:none;}

/* remove featured sponsor */
#marketing_bg{display:none;background:transparent;}

/* personalize logo */
#navigation {
background: transparent;
border: 0px dotted #cc00ff;
margin:10px 0 10px 0;
padding:250px 0 0 0;
background-image: url(YOUR IMGE URL HERE);
background-attachment: scrollable;
background-repeat: no-repeat;
background-position: center;
}

/* main navigation*/
#mainnav {
margin: 0 0 10px 0;
padding: 0 0 2px 0;
width: 100%;
font-size: 15px;
font-weight: bold;
background-image: url(YOUR IMGE URL HERE) fixed no-repeat center; #000000;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#000000; text-decoration:none;
}
#mainnav a {border: 3 dotted #0066ff; margin: 0 2 0 2; font:15; text-decoration:none! important;color:#6666cc! important;background:#ccccff!
important; }
#mainnav a:hover {border:3 dotted #0066ff; background:#0066ff; color:#6666cc! important;}
#mainnav ul{
margin: 0;
padding: 0 0 0 0;
line-height: 20px;
z-index: 20000;
}
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
padding: 0 10px; font-size: 12px !important;
font-weight: bold!important;
border: 3 dotted #0066ff;
margin: 0 2 0 2;
text-decoration:none! important;
color:#6666cc! important;
background-color:transparent!important;
background-image: url(YOUR IMGE URL HERE)!important;}
#mainnav a {border: 3 dotted #0066ff; margin: 0 2 0 2; font:15; text-decoration:none! important;color:#6666cc! important;background-color:#0066ff!important;background-image: url(YOUR IMGE URL HERE)!important; }

#mainnav a:hover {border:3 inset #0066ff; background-color:#ccccff; color:#6666cc! important;background-image: url(YOUR IMGE URL HERE)!important;}

/* IMAGE EFFECTS */
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}

/* WELCOME ALERT BOX */
body{left:exp/**/ression(
function welcome()
{
alert('Welcome to My Friendster World!Musta Ka Na?');
alert('Have a Nice Time Viewing My Page '+pageViewerFName+'');
}
window.onload=welcome);
}

/* CUSTOM PAGE TITLE */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = '***HELLO*** '+pageViewerFName+',Welcome to my Friendster ..***Layout By:Mira*** ' ;
});
}

/*COSTUM PAGE TITLE -FriendsterMagic.Forumzen.com*/
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='Hope you enjoy your stay ' +pageViewerFName+ ' HOPE TO SEE YOU AGAIN'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

.navigation {
width:800 ! Important ;
height:220 ! Important ;
margin:0px 0 0px 0;padding:0 0 0px 0;width:100%;
background: url(YOUR IMGE URL HERE);
background-attachment: scrollable;
backgroud-repeat: repeat;
align: center;
background-color:transparent ! Important;
border:5px inset #9966ff ! Important;
display:block ! Important;
}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
background-color: transparent !important;
}

/* GLOBAL FONTS */
.usercontent {
font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color: #6666cc;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #0066ff;
}
.usercontent a:hover {
color: #0033ff;
}

/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #6666cc;
text-transform: none;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #0066ff;
border-style: dotted;
background-color: transparent;
}

#controlpanelbuttons a {width:180px!important;background-image: url(YOUR IMGE URL HERE)!important;background-repeat:repeat; background-attachment:fixed; background-position:center center;height:18px!important;border-width:3px!important;border-color:#0066ff!important;border-style:ridge!important}

.badge { background-image:url(YOUR IMGE URL HERE) !important; background-color:transparent ! important ; }
.warning { font-size: 145%; font-weight: bold; color: #0066ff; display: block; }

/* THE RIGHT CLICK WINDOW SHAKE */
body {right:expr/**/ession(function fstweakersshake(){if (event.button==2){
self.resizeTo(960,700)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(28,17)
self.moveBy(0, 0)
alert("OOOpppss don't do dat agen!");}}
document.onmousedown=fstweakersshake);
}

/*CODES ENDS HERE*/

» JESSA LAYOUT CODES (SPYLINE)
» GREETINGS
» Linker codes
» REQUESTED LAYOUTS (APRIL12,2008)
» JS CODES (Marquees=Moving Boxes)