HomeHome  portal1portal1  GalleryGallery  SearchSearch  Link Rotation  Donate  RegisterRegister  Log inLog in  


Global Announcement

FriendsterAddictz Forum is on-search for Moderators. For more information, click THIS.
Please promote FriendsterAddictz Forum.


compilation of css codes - REVISED

View previous topicView next topicGo down
Author Message
FriendsterAddictz
Administrator
avatar

Male
Age : 24 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



PostSubject: 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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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:



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;}



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




[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


Last edited by pet dog on Tue May 06, 2008 1:19 pm; edited 5 times in total
Back to topGo down
View user profile
alamalditachorva
FA Newbie
FA Newbie
avatar

Female
Age : 27 Registration date : 2008-03-08 Number of posts : 3 Location : bulacan



PostSubject: 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..
Back to topGo down
View user profile
alamalditachorva
FA Newbie
FA Newbie
avatar

Female
Age : 27 Registration date : 2008-03-08 Number of posts : 3 Location : bulacan



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

yahaha...antok na ko..
Back to topGo down
View user profile
FriendsterAddictz
Administrator
avatar

Male
Age : 24 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



PostSubject: 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
_________________

creativity is art.
my friendster profile [i][url]http://www.friendster.com/joychristian
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 25 Registration date : 2008-04-26 Number of posts : 878 Location : a place where everybody is welcome
Character sheet
Tagline: be friendly and dont panic xp



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

pag isasave ba ito kelangan .css pati ung part 2?
Back to topGo down
View user profile
F.A. Lady Admin
Administrator


Female
Age : 23 Registration date : 2008-03-07 Number of posts : 444 Location :
Character sheet
Tagline: Proud Member



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

^yahh....pero kung gagayahin mo q... .txt gamet q...wahahaha
_________________
respect others as they respect you
-FA LADY ADMIN
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 25 Registration date : 2008-04-26 Number of posts : 878 Location : a place where everybody is welcome
Character sheet
Tagline: be friendly and dont panic xp



PostSubject: 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:
Back to topGo down
View user profile
F.A. Lady Admin
Administrator


Female
Age : 23 Registration date : 2008-03-07 Number of posts : 444 Location :
Character sheet
Tagline: Proud Member



PostSubject: 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

^_^
_________________
respect others as they respect you
-FA LADY ADMIN
Back to topGo down
View user profile
sh3ynix
Full Member
Full Member
avatar

Female
Age : 25 Registration date : 2008-04-26 Number of posts : 67 Location :
Character sheet
Tagline: Proud Member



PostSubject: 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,,,
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 25 Registration date : 2008-04-26 Number of posts : 878 Location : a place where everybody is welcome
Character sheet
Tagline: be friendly and dont panic xp



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

aww i see...

thnx for this^^
Back to topGo down
View user profile
applebottomjeans
Activated


Male
Age : 33 Registration date : 2008-04-30 Number of posts : 8 Location : km9. prk mabinoligon brgy. sum-ag bacolod city



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

hi how to that please
Back to topGo down
View user profile
Forum Admin Inwe
Administrator
avatar

Female
Age : 29 Registration date : 2008-04-26 Number of posts : 458 Location :
Character sheet
Tagline: Respect is EARNED not FORCED



PostSubject: 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 ^^
_________________

- General Forum Rules
- Layout and Graphics Rules
- Announcements
Back to topGo down
View user profile
Sponsored content








PostSubject: Re: compilation of css codes - REVISED

Back to topGo down

compilation of css codes - REVISED

View previous topicView next topicBack to top
Page 1 of 1

Permissions in this forum: You cannot reply to topics in this forum
FriendsterAddictz :: FRIENDSTER SECTION :: Friendster Codes and Tutorials -