Was wondering what program you used to make your skin... its very cool... love the effects... Can you also explain how you made it? Thanks

OOOh a topic only for me!!that's quite flattering.. Well i use photoshop for the images and css for the effects. Well photoshop tutorials exist in youtube and in google. for the other effects there is page www.htmldog.com where i learned the basics and then just lookin' around and 'stealin' ideas form various profiles.. the one effest i use is "rollover effect" which means that the text or/and images roll in place when your mouse is over. for that i use class{ text-indent:-999em; } class:hover{ text-indent:0em; } the other effect is transparency which i explain here though hi5 don't support IE 7 since Friday

sorry for some reason my lnks where cut out!!

here for transparency:

http://www.hi5.com/friend/group/2315962--8172867--hi5%2BProfile%2BSkins%2BLounge----topic-html

and for IE 7 support:
http://www.hi5.com/friend/group/2315962--8202742--hi5%2BProfile%2BSkins%2BLounge----topic-html

So what is CSS? "CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document. Styles don't smell or taste anything like HTML, they have a format of 'property: value' and most properties can be applied to most HTML tags." taken from HTML DOG In simple word CSS can turn a bare text box into a fancy cool and stylish thing. There are somethings CSS can do and some that cannot. CSS can change color size position opacity(transparency) shape display or none-display (visibility)of the objects and the background, the borders, etc

Also CSS can act under conditions

if that happens do that...

well it has a very nice condition of :hover, that is mouse-over .

object:hover
{
property:value;
}

The above means that when the mouse is over the "object" give property the value.
Give property the value can cause object to olor size position opacity(transparency) shape display or none-display (visibility), the background, the borders

Sorry "to change color size position opacity(transparency) shape display or none-display (visibility)of the objects and the background, the borders"

In my case i want the my profile image to be always hidden unless the mouse is over.

For that i wrote

#user-picture{
text-indent:-999em;
}
#user-picture:hover{
text-indent:0em;
}

The hard on doing this work is finding the name of the "object". Yeah you need to know a little about HTML tags to find that to refer to my profile picture you need

#user-picture

Well that's the tricky thing and the exciting(for me at least!!) in the whole process

ok i think i understand... thanks