FTalk

FTalk

Welcome guest! Please Login or Register.

#1  2007-09-09 01:10:00

xavierkym
 !!bloody bastard!!
xavierkym's display avatar
» Former Moderator
FTalk Level: 6
Novice PromoterTopic InitiatorSome FTalkers ♥ My Threads!
The Sinister
Class-S
London, England
5386
147
2010-03-11
Website

CSS Hide Codes [Update]

Insights: Based on HyperText Markup Language (HTML).

What are Hide Codes? (el)

Hide Codes - codes used to remove tags, identifications and classes.

What are Tags?

Tags - these are elements that helps compose HTML.

What are Identifications (#id)?

Identifications - these are selectors that can be used to modify the attributes of an element.

What are Classes (.class)?

Classes - these are also selectors that can be used to modify the attributes of an element. 

What is Cascading Style Sheets (CSS)?

Cascading Style Sheets - style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language.

Requirements:

•  Knowledge in .css extension.
•  Knows how to apply it to profile.


Instructions:

Do not go to http://www.friendster.com/editskin.php#customcss and paste your codes at the Customize CSS field.

Because it will never work.

Apply the codes below in you .css file. Do not copy the codes below all at once. Only get what you need.

Hide Code List:

Master Boxes:

Code:

/* Control Panel */
.controlpanel{display:none!important}

Code:

/*Photos*/
.photos{display:none!important}

Code:

/*Blogs*/
.blogs{display:none!important}

Code:

/*Reviews*/
.reviews{display:none!important}

Code:

/*About Me*/
.moreabout{display:none!important}

Code:

/*Public Comments*/
.publiccomments{display:none!important}

Code:

/*Applications*/
.AppModule{position:absolute!important;bottom:8000px;float:left!important}

Code:

/*Media Box*/
.scrapbook{display:none!important}

Side Boxes

Code:

/*How You Are Connected Box*/
.meettrail{display:none!important}

Code:

/*Friends*/
.friends{display:none!important}

Code:

/*Ads*/
#content_14 iframe, #content_14 embed, #content_14 img{display:none!important}

Code:

/* Hide Sponsored Applications */
div#content_14{display:none!important}

Code:

/*Fan Of*/
.fanof{display:none!important}

Code:

/*Groups*/
.groups{display:none!important}


Miscalleneous IDs/Classes:

Code:

/* Remove Find Friends Link */
#mainnav div div{display:none!important}

Code:

/* Hide Caption Under Primary Photo */
#content_0 .itd {font-size:0px;}
#controlpanelbuttons {font-size:11px!important;}

Code:

/* Remove Bulky Images/Embeds in Your Comments  */
#content_18 .data img, #content_18 .data embed{display:none!important}

Code:

/* Hide Navigation Language */
#navLang { display: none ! important }

Code:

/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon{display:none!important}

Code:

/* Hide About me paragraph in control panel*/
.controlpanel p{display:none!important}

Code:

/* Hide Recent Updates */
.user_tracker{display:none!important}

Code:

/* Hide Google Search */
#search form { display : none !important; }

Code:

/* Hide Friendster Classifieds */
#marketing{display:none!important}

Code:

/* Hide Footer */
#footer_container{display:none!important}

Code:

/* Hide Footer link only */
#footer a{display:none!important}

Code:

/* Hide friendster logo */
#logo{display:none!important}

Code:

/* Hide sidebar google ads*/
#content_14{display:none!important}

Code:

/* Hide Messages | Setting | Help | Log out*/
#subnav{display:none!important}

Code:

/* Hide How you are connected box */
#content_15{display:none!important}

Code:

/* Hide control panel buttons */
#controlPanelButtons{display:none!important}

Code:

/* Hide White bar under navigation */
#marketing_bg{display:none!important}

Code:

/* Hide the Home | My Profile | My Connections*/
#mainnav{display:none!important}

Code:

/* Hide the whole top navigation */
#navigation{display:none!important}

Code:

/* Hide the surfer */
#surfer{display:none!important}

Code:

/* Hide hide the divider */
#navdivider{display:none!important}

Code:

/* Hide Classifieds | Jobs | */
.secondary_links{display:none!important}

Code:

/* Hide you Photo gallery's photos */
#content_1 .flogriditem {display:none!important}

Code:

/* Hide your featured friends photos */
#content_2 .flogriditem {display:none!important}

Code:

/* Hide the about me link above recent updates */
#content_0 a.more{display:none!important}

Code:

/* Hide banner ads on top */
.banner_ad_fix{display:none!important}

Code:

/* Hide the view all link of boxes like comments, testi, and friends*/
.commonbox .viewall{display:none!important}

Code:

/* Hide the headers of all box */
.commonbox h1, .commonbox h2{display:none!important}

Code:

/* Hide your featured friends' names */
#content_2 .dr{display:none!important}

Code:

/* Hide the edit link like edit featured friends and edit reviews */
.commonbox .editlink{display:none!important}

Code:

/* Hide the arrows of your blogs */
ul.entries li{display:none!important}

Code:

/* Hide the photos in your testimonials comments */
#content_18 .imgblock75{display:none!important}

Code:

/* Hide the shoutoutbox */
#cpShoutoutBox{display:none!important}

Code:

/* Change the div_id for specific box 2 hide the header*/
#div_id .h2{display:none!important}

Code:

/* Hide Control panel box header */
#controlpanel_header{display:none!important}

Code:

/* Hide the spacer */
#shimrow{display:none!important}

Code:

/* Hide Group updates */
#content_8 .data{display:none!important}

Code:

/* Hide the whole profile */
#flo_wrapper, #footer_container{display:none!important}

Code:

/* Remove The Separator On Friends Box. For Two Column Friends*/
.clearBothNoHeight{display:none!important}

Last edited by Ephemeral (2009-07-15 02:47:25)


                    

#2  2007-09-09 01:15:13

Ephemeral
 Forgotten
Ephemeral's display avatar
» Moderator
FTalk Level: HARDCORE!
ModeratorNovice PromoterConversationalistFTalkers ♥♥ My Threads!Top PosterSome FTalkers ♥ Me!
Anonymous
Class-S
Naught
11898
434
Website

Re: CSS Hide Codes [Update]

I like the hide whole profile  :lol: :thumbsup:

Nice one bro, those codes will be a sure FFox code compatible  =)

Last edited by Ephemeral (2007-09-09 01:17:23)

#3  2007-09-09 01:17:32

xavierkym
 !!bloody bastard!!
xavierkym's display avatar
» Former Moderator
FTalk Level: 6
Novice PromoterTopic InitiatorSome FTalkers ♥ My Threads!
The Sinister
Class-S
London, England
5386
147
2010-03-11
Website

Re: CSS Hide Codes [Update]

hehe.. yeah.. hide the whole profile is good if you are overlay user or crossover user.. anyway, it sure works on major browsers we have.. =)

:arrow: now its time to clean this section and lock unecessary threads.. :D


#4  2007-09-09 10:51:38

dale
 Dale Pernz
dale's display avatar
» Former Moderator
FTalk Level: zero
Novice ModeratorPromoter
Clique Mee
Friendstertalk University
G.Lagro.subd.
7214
77
2010-02-19
Website

Re: CSS Hide Codes [Update]

thanks xavierkym.. :thumbsup:


#5  2007-09-12 12:13:27

flavonoid
 Carlo Orpiada
flavonoid's display avatar
» Banned
FTalk Level: zero
..ur sweetest nightmare..
Naga City
1060
-1
2007-10-17

Re: CSS Hide Codes [Update]

this code doesn't work..

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

i even make it like this one:

/* Hide About me paragraph in control panel*/
.controlpanel p {
  display:none!important;
}

but still it doesn't work...

#6  2007-09-12 15:32:30

jeredictusx
jeredictusx's display avatar
» n00b
FTalk Level: zero
stay close, dont go. .
Paranaque
16
0
2009-04-26
Website

Re: CSS Hide Codes [Update]

how about transparent shoutoutbox? thanks in advance  :wow:



and everything is still here without you now. .

#7  2007-09-12 16:01:19

mickyriora
mickyriora's display avatar
» FTalkFreak
FTalk Level: zero
Canada
1506
42
2008-03-17
Website

Re: CSS Hide Codes [Update]

jeredictusx

Here's the code for that:

Transparent shoutout box:(CSS)

Code:

.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: 245px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left; } 
.controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 245px; position: relative; background:transparent repeat-y top left; font-size:10px; font-color:#000000; font-weight: bolder; text-decoration:none; align:left;

you can always edit the font color.

Last edited by mickyriora (2007-09-12 16:03:00)

#8  2007-09-13 08:26:48

jaratotzkie
» n00b
FTalk Level: zero
6
0
2008-03-26

Re: CSS Hide Codes [Update]

mine doesn't work! should it be over laid?  :cry:

#9  2007-09-13 12:42:29

kazz222
 Kazandra Amanda
kazz222's display avatar
» FTalker
FTalk Level: zero
Philippines
178
-1
2009-06-06

Re: CSS Hide Codes [Update]

tnx for sharing,,,


#10  2007-09-13 13:10:03

natalangel
 kAtH
natalangel's display avatar
» FTalker
FTalk Level: zero
dodi. dodi.
somwer down d road
124
-2
2010-01-18
Website

Re: CSS Hide Codes [Update]

some codes wont work.. :(


#11  2007-09-13 16:24:32

xavierkym
 !!bloody bastard!!
xavierkym's display avatar
» Former Moderator
FTalk Level: 6
Novice PromoterTopic InitiatorSome FTalkers ♥ My Threads!
The Sinister
Class-S
London, England
5386
147
2010-03-11
Website

Re: CSS Hide Codes [Update]

maybe you ddnt save it as css file.. :retard:


#12  2007-09-14 02:25:15

-resse018-
 Resse
» n00b
FTalk Level: zero
Student
New Jersey
3
0
2007-10-03
Website

Re: CSS Hide Codes [Update]

where shuld I put this codes?

in the first box or in the add media box?

#13  2007-09-14 02:43:48

wasted
wasted's display avatar
» FTalkManiac
FTalk Level: zero
let go of what kills you
770
1
2010-01-29
Website

Re: CSS Hide Codes [Update]

^much better in your notepad :lol:

here:
http://theftalk.com/t1879-Apply-Extensi…TE%5D.html
=)  :thumbsup:



*confused? so am i :paranoid:

#14  2007-09-14 02:47:17

-resse018-
 Resse
» n00b
FTalk Level: zero
Student
New Jersey
3
0
2007-10-03
Website

Re: CSS Hide Codes [Update]

what is the notepad for?

#15  2007-09-14 06:05:15

natalangel
 kAtH
natalangel's display avatar
» FTalker
FTalk Level: zero
dodi. dodi.
somwer down d road
124
-2
2010-01-18
Website

Re: CSS Hide Codes [Update]

so it means i need to make this codes into css file?? :paranoid:


#16  2007-09-14 07:09:38

rubben
» n00b
FTalk Level: zero
4
0
2007-09-14

Re: CSS Hide Codes [Update]

need ur help pls :midfinger:

#17  2007-09-15 14:53:25

idontwanttobeaflashcard
» n00b
FTalk Level: zero
2
0
2007-09-15

Re: CSS Hide Codes [Update]

can i save all of those in just one text document??if yes,how should i put the codes one after the other??

#18  2007-09-15 15:13:39

lunaticjay
» n00b
FTalk Level: zero
6
0
2009-03-31

Re: CSS Hide Codes [Update]

how about HIDE LAST LOG in? wala ata dun :(

#19  2007-09-15 16:19:01

xavierkym
 !!bloody bastard!!
xavierkym's display avatar
» Former Moderator
FTalk Level: 6
Novice PromoterTopic InitiatorSome FTalkers ♥ My Threads!
The Sinister
Class-S
London, England
5386
147
2010-03-11
Website

Re: CSS Hide Codes [Update]

^

you cant do that using css codes.. js codes can.. =)


#20  2007-09-15 17:37:37

idontwanttobeaflashcard
» n00b
FTalk Level: zero
2
0
2007-09-15

Re: CSS Hide Codes [Update]

hey,xavierkym.hi.since yer online.would you mind answering my question?many thanks.   :)

Search Friendstertalk

Board footer

The F Talk dot com
© 2002–2010 PunBB

Current time is 15:13:32 GMT

[ 13 queries - 0.067 second ]
Powered by SyntheticNetwork

FTalk

Welcome to FTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)

( hide )