compilation of css codes - REVISED

Subject: compilation of css codes - REVISED Sat Mar 08, 2008 1:19 pm

/*********************************************
CODES PROVIDED BY: Switpotato
http://www.friendsteraddictz.com
the cradle / friendsterforum
**********************************************/

sample page: http://profiles.friendster.com/54402652

scrollbar code

Code:: body {
scrollbar-arrow-color: #8B4513;
scrollbar-track-color: #FFFACD;
scrollbar-shadow-color: #CD853;
scrollbar-face-color: #FFFACD;
scrollbar-highlight-color: #8B4513;
scrollbar-darkshadow-color: #FFFACD;
scrollbar-3dlight-color: #CD853F;
}

to redirect body / page scrollbar to leftside(fr.archer):

Code:: body {direction: rtl;}
#flo_wrapper{direction:ltr}

to redirect scrollbar individual boxes:

Code:: #content_10 {overflow-y:scroll; height:500;
direction:rtl}

=================

codes for border:

Code:: BODY
{
BORDER-TOP: 70px solid #DCDCDC;
BORDER-BOTTOM:70px solid #DCDCDC;
BORDER-LEFT: 20px solid #DCDCDC;
BORDER-RIGHT:20px solid #DCDCDC;}

welcome mssg:

Code:: body {
height:expr/**/ession(
function welcome()
{alert('UR MSSG HERE');}
window.onload=welcome);
}

goodbye alert:

Code:: body{left:exp/**/ression(
function goodbye()
{alert('UR MSSG HERE');}
window.onunload=goodbye);}

static title bar mssg:

Code:: body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='UR MSSG HERE' ;
});}

no ryt click codes:

Code:: body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('UR MSSG HERE')}}
document.onmousedown=rightclick);}

link cursor once hover:

Code:: a,a:link,a:visited,a:active,a:hover { cursor: url("CURSOR URL HERE"),default;}

image efex once hover:

Code:: a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }
A:hover img{filter:alpha(finishopacity=0, style=2)}
a:hover, {background-image:url(IMAGE URL HERE); background-position:bottom; width: inherit; height: 0;}

tips: apply different efex try this site
:attention:
http://www.satanspace.com/basic/hover.php

====================

to customize shoutout:

Code:: /*shoutout*/
.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transaparent; background-image: url() !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 2px solid #FFFFFF ; width: 240px! important; height: 40px; overflow: auto; color: #ffffff !important; font-weight: bold; font-size: 9pt; }

to hide logo and replace it with ur own image: ( if u dont want to replace it dont add the replace image codes)

Code:: /*logo code*/
#f_logo {display:none! important}
#logo {background: url('http://i147.photobucket.com/albums/r299/switpotato/twisted.gif'); height:70px; width:260px;background-repeat: no-repeat;}

to hide the banner part and replace image:

Code:: /*banner code*/
#navigation {
margin:0px 0 0px 0;
padding:0px 0 0 0;
background-image: url(http://i147.photobucket.com/albums/r299/switpotato/misban.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom left;}

to hide language selector:

Code:: /*language selector*/
#navLang {display:none! important;}

to hide google ads:

Code:: /*hide ads*/
#googleAdPlacement{display:none!important}
.commonbox_noborder{display:none!important}

to hide fanof:

Code:: /*hide fanof*/
#7{display:none!important;}

to hide group:

Code:: /*hide groups*/
#8{display:none!important;}

to hide blog:

Code:: /*hide blog*/
#13{ display:none! important;}

to hide review:

Code:: /*hide reviews*/
#12{ display:none!important;}

to hide the search and navigation:

Code:: #mainnav{display:none;background:transparent;}
#subnav_search{display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing{display:none;background:transparent;}

to hide how u r connected:

Code:: /* hide how u r connected*/
#meettrail{display:none;background:transparent;}

to hide ur friend :

Code:: /*hide friend*/
#2{display:none! important;}

to hide photo gallery:

Code:: /*hide photo*/
#1{display:none! important;}

to hide moreaboutme:

Code:: /* hide more about me*/
#6{display:none! important;}

to hide comment:

Code:: /*hide comment*/
#18 {display:none! important;}

to hide media;

Code:: /*hide media*/
#10{display:none! important;}

to hide the arrow..at more about the user ..(link):

Code:: /*hide arrow*/
.controlpanel a.more {display:none! important;}

or to hide the ryt boxes:

Code:: /*rytbox hide*/
.rtd { display:none! important; }

==========

to hide recent updates box:

Code:: /* hide tracker */
.user_tracker{display:none! important;}

or

customize recent update:

Code:: /*tracker*/
.user_tracker{background-color: #;
background-image: url(IMAGE URL);
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom center;
border: #;
border-style: double;
border-width: px;}

change font color of the update:

Code:: .user_tracker, .user_tracker a {background:black; border:1 solid red; color:blue! important}

===============

to put bullets to controlpanel box:

Code:: .controlpanel .q {background: url(URL) background-attachment: fixed;
background-position:center;
background-position: center left;
background-repeat: no-repeat;}

scrollbar and background to controlpanel data

Code:: .controlpanel.data {padding: 10px 0px 10px 5px;
overflow: auto;height: 130px;
text-align:left;
border-color: #B89393;
border-style: ridge;
border-width: 2px;
width:265px;
background-color: TRANSPARENT;
background-image: url(IMG URL HERE);
background-position: bottom center;
background-repeat: repeat;
}

bg or bullets to controlpannelbutton box:

Code:: #controlPanelButtons {background: url('IMG URL HERE') no-repeat center left; }

Bullets to ControlPanelButtons

Code:: #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url( URL);
background-attachment: fixed;
background-position: center left;
background-repeat: no-repeat;
background-color: transparent;}

controlpanelbutton once hover:

Code:: #controlPanelButtons a:hover {
font-family: Georgia, Times New Roman, Times, serif;
color: #787878;
border-color: transparent;
background-image: url(URL);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center right ;
text-decoration: underline;)
}

or if u want to align the button use this instead:

compilation of css codes - REVISED Black10

Code:: #content_0 #controlPanelButtons { width: 150px! important; top: 0px! important; position:relative }

#controlPanelButtons a {
font-size: 11px! important;
margin: 2px 0px 0px 0px!important; height:25px!important;
padding: 0px 0px 0px 10px! important;
text-decoration: none! important;
width: 150px! important ;
height: 15px!important;
text-align: center! important;
color:#a29b89! important;
background-color: transparent! important;
border:1px solid #a29b89!important; }

#controlPanelButtons a:hover{
text-decoration:overline!important;
font-size: 11px!important;
margin: 2px 10px 0px 0px! important; height:25px!important;
padding: 0px 0px 0px 10px! important;
text-decoration: none!important;
width: 150px! important;
height: 15px! important;
text-align: center! important;
color: #000000! important;
background-color: transparent! important ;
border:1px solid #a29b89!important; }

=======================

to put bg to master headers:

Code:: [/color]
/*header*/
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url(IMG URL HERE);
background-attachment: fixed;
background-position:center;
background-position: center center;
background-repeat: repeat;
text-align:center;}

===================

compilation of css codes - REVISED Header

[color=red]*collective rytside header..by archer

Code:: .rtd h2 {background:green! important }

*to make each ryt side header personalize ( u may change bg color to img or apply both)

Code:: #meettrail h2{background: pink! important}
/*friends header*/
#2 h2{background:lime! important}
/*group header*/
#8 h2{background: red! important}

*collective leftside header

Code:: /*left side header*/
.ltd h1, .ltd h2 {background:red! important }

*to make each leftside header personalize ( u may change bg color to img or use both)

left side individual headers:

Code:: /*controlpanel header*/
#0 h1{background-image: url();
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom left;background: purple! important}}

/* photo gallery header*/
#1 h2{background: maroon! important}

/* review header*/
#12 h2{background: orange!important}

/*more about me header*/
#6 h2{background:green! im[portnat}

/*publiccomments header*/
#18 h2{background: blue! importnat}

/*scrapbook or media header*/
#10 h2{backgroundurple;background-image: url();
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom left;background: red! important}

for the second part.. visit this link: http://www.friendsteraddictz.com/css-editing-101-f12/compilation-of-css-codes-part-2-t8.htm

Subject: Re: compilation of css codes - REVISED Sat Mar 08, 2008 7:50 pm

hai..^^ ang galing mo talaga sa comp no??hihihihihihi..adik ka tlga..nyahahahaha...ahm..keep up the good work..comment ko nmn sa fs..

Subject: Re: compilation of css codes - REVISED Sat Mar 08, 2008 7:50 pm

yahaha...antok na ko..

Subject: Re: compilation of css codes - REVISED Sat Mar 08, 2008 7:57 pm

RULE:
bwal po double posting.. edit mo nlng kpagka magdadagdag ka hit EDIT.
hehe
tnx!

__________
admin

Subject: Re: compilation of css codes - REVISED Tue Apr 29, 2008 7:50 am

pag isasave ba ito kelangan .css pati ung part 2?

Subject: Re: compilation of css codes - REVISED Tue Apr 29, 2008 3:46 pm

^yahh....pero kung gagayahin mo q... .txt gamet q...wahahaha

Subject: Re: compilation of css codes - REVISED Wed Apr 30, 2008 11:57 pm

Quote :: /* CUSTOM SCROLLBAR */
body {
scrollbar-face-color: #HEX VALUE;
scrollbar-highlight-color: #HEX VALUE;
scrollbar-shadow-color: #HEX VALUE;
scrollbar-3dlight-color: #HEX VALUE;
scrollbar-arrow-color: #HEX VALUE;
scrollbar-track-color: #HEX VALUE;
scrollbar-darkshadow-color: #HEX VALUE;

kelangan ba sa #HEX VALUE...number talaga?? : :cryout:

Subject: Re: compilation of css codes - REVISED Tue May 06, 2008 5:05 pm

oo sample

#000000

kaya surf k nlang sa google ng "html color codes"

or go to http://www.computerhope.com

^_^

Subject: Re: compilation of css codes - REVISED Sun Jun 08, 2008 7:03 am

][JOIE][ wrote:

Quote :: /* CUSTOM SCROLLBAR */
body {
scrollbar-face-color: #HEX VALUE;
scrollbar-highlight-color: #HEX VALUE;
scrollbar-shadow-color: #HEX VALUE;
scrollbar-3dlight-color: #HEX VALUE;
scrollbar-arrow-color: #HEX VALUE;
scrollbar-track-color: #HEX VALUE;
scrollbar-darkshadow-color: #HEX VALUE;

kelangan ba sa #HEX VALUE...number talaga?? : :cryout:

hndi necessary na numbers tlga ang ilalagay....
pwede yung color name tlga...
para hindi ka na masyado mahirapan...

Quote :: scrollbar-shadow-color: black;
scrollbar-3dlight-color: red;
scrollbar-arrow-color: red;

it's working fine,,,

Subject: Re: compilation of css codes - REVISED Wed Jul 09, 2008 10:56 pm

aww i see...

thnx for this^^

Subject: Re: compilation of css codes - REVISED Sun Jul 13, 2008 9:22 am

hi how to that please

Subject: Re: compilation of css codes - REVISED Sun Jul 13, 2008 7:42 pm

ahmmm are you asking how to use this? copy the codes that you needed in notepad edit the necessary parts save it as .css then host it in any hosting sites Like ripway or fiLeave get the URL then combine it with the working Linkers ^^