hi5 Forums

[Andrew]

Main Header (Profile Name)

Hide Main Header

Code: Select all

#profile-name {display: none;}

Remove your Profile Name:

Code: Select all

#profile-name strong {display:none;}

Remove ":: Profile" from Main Header:

Code: Select all

#profile-name .section-name {display:none;}

Remove Views counter (only):

Code: Select all

#profile-name .section-name {display: inline !important;}
#profile-name span {display:none;}

Remove Views counter and ":: Profile":

Code: Select all

#profile-name span {display:none;}

Hide Views counter (only), and Appear on Mouse Hover:

Code: Select all

#profile-name .section-name {filter:alpha(opacity=100) !important; opacity: 1.0; !important;}
#profile-name span {filter:alpha(opacity=0); opacity: 0.0;}
#profile-name span:hover {filter:alpha(opacity=100); opacity: 1.0;}

Background Options


Choose Header Background Color:

Code: Select all

#profile-name{background-color: -color?-;}

-color?- = Any Hex code, RGB value or HTML name Color Code

Formats:
(1) Hex code (#FF0000)
(2) RGB value (rgb(255,0,0))
(3) HTML name (red)

Examples:
#profile-name{background-color: #FF0000;}
#profile-name{background-color: rgb(255,0,0);}
#profile-name{background-color: red;}

[Click Here to view list of Color Codes]
http://www.hi5-world.com/ColorCodes.htm



Choose Header Image:

Code: Select all

#profile-name {background-image: url(-url?-);}

-url?- = Any image url

Example:

#profile-name {background-image: url(http://forums.hi5-world.com/images/HeaderBackground.jpg);}



Background Repeat:

Code: Select all

#profile-name {background-repeat: -repeat?-;}

[?] -repeat?- = Any of the below options

[1]repeat : The background image will be repeated vertically and horizontally.
[2]repeat-x : The background image will be repeated horizontally.
[3]repeat-y : The background image will be repeated vertically
[4]no-repeat : The background-image will be displayed only once

Example:
#profile-name {background-repeat: no-repeat;}



Background Position:

Code: Select all

#profile-name {background-position: -x-% -y-%; background-attachment: fixed;}

Horizontal Position: -x-%
Vertical Position: -y-%

Position Values must be between 0 - 100%

Example:

#profile-name {background-position: 20% 65%; background-attachment: fixed;}




Text Options

Text Color:

Code: Select all

#profile-name {color: [color=#FF0000]-color?-[/color];}

-color?-

-color?- = Any Hex code, RGB value or HTML name Color Code
(As described earlier in this page)

Example:
#profile-name {color: #FF0000;}



Font Type:

Code: Select all

#profile-name {font-family: [color=#FF0000]-font-family?-[/color];}

-font-family?- = Any Font name

Example:
#profile-name {font-family: Arial;}




Font Size:

Code: Select all

#profile-name {font-size: -size?-px;}

-size?- = Any numeric positive value (or at size: 0px text is not visible)

Example:
#profile-name {font-size: 16px;}



Font Style:

Code: Select all

#profile-name {font-style: -font-style?-;}

-font-style?- = Any of the below options:
normal
italic
oblique

Example:
#profile-name {font-style: italic;}



Font Weight:

Code: Select all

#profile-name {font-weight: -font-weight?-;}

-font-weight?- = Any of the below options:

normal
bold

Example:
#profile-name {font-weight: normal;}



Text-Align:

Code: Select all

#profile-name {text-align: -text-align?-;}

-text-align?- = Any of the below options:

left
right
center
justify

Example:
#profile-name {text-align: center;}



Text-Indent:

Code: Select all

#profile-name {text-indent: -text-indent?-%;}

-text-indent?- = Any number from 0 - 100

Example:
#profile-name {text-indent: 25%;}



Text-Decoration:

Code: Select all

#profile-name {text-decoration: -text-decoration?-;}

-text-decoration?- = Any of the below options:

none
underline
overline
line-through
blink

Example:
#profile-name {text-decoration: underline;}




Visibility Options


Opacity

Code: Select all

#profile-name {filter:alpha(opacity=IE??); opacity: FF??;}

IE?? = any integer value from 0 - 100

FF?? = Must be 1/100th of the previous IE?? value.
(or IE?? X 0.01)

Example:
#profile-name {filter:alpha(opacity=70); opacity: 0.7;}





Hover Effects

Code: Select all

#profile-name :hover {-Code Here-;}

By substituting,

#profile-name
for
#profile-name :hover

All of the above codes, (Background Options, Text Options, Visibility Options), can be used to give a different effect on the target, when the Mouse Pointer is hovered over the object in the Main Header (Profile Name).

Example:
#profile-name :hover {background-image: url(http://forums.hi5-world.com/images/HeaderBackground_Hover.jpg);}

This will give you a different background image when you hover over the Main Header (Profile Name)

[andreeapopescu]

How i put the profile name on center ?

[eightcool]

nice work.. :SS but how to put this codes.
or where 2 put those codes? :S

[Irene]

honey you just have to paste them in Customize profile section but with the <style> tags..

for example:

Code: Select all

<style type="text/css">#profile-name {display: none;}</style>

this is what you should do with any code given above..

[andreeapopescu]

hey

this people haven't profile name :O:O:O:O
1.http://hi5.com/friend/profile/displayPr ... =170808472
2.http://alcooliquefee.hi5.com
3.http://hi5.com/friend/91603578--%25D2%2 ... ofile-html


is posible ?
is a code for this ?
andrew please help me

[izzi]

Background Options


Choose Header Background Color:


Code:
#profile-name{background-color: -color?-;}

this code didn't work on mine

so can you please help me ??

[KarliuxX]

hey please can you tell me..
how can i hide my stats?
wich is the code for it?

[Irene]

hey please can you tell me..
how can i hide my stats?
wich is the code for it?

hmm
this is not the right topic to post your question
plz follow the rules

[melodiedamour]

how can i hide my hi5 stats? this code #vanity-bars {display: none;} is not working

[Irene]

did you use the style tags??

the code should look like this...

Code: Select all

<style type="text/css">
#vanity-bars {display: none;}
</style>