EpsilonX5© |

Music Player (Blue)

Music Player (Blue) Skin : By Andrew Emmanuel Davis

Image Preview:

user posted image

Skin Screenshot:

user posted image

If you want a better preview, view my profile page: http://epsilonx-5.hi5.com

How to use:

Once you are logged in on hi5,
go to your profile page and click: "Remove Skin"
or
Go to this page http://www.hi5.com/friend/profile/removeSkin.do

Now your hi5 skin is removed.

Next Click: "Customize Profile"
or
Go to: http://www.hi5.com/friend/account/displayEditProfileCustomization.do

You will now be under the "Personalize" section.

Delete everything present in all the boxes as shown below.

Background Color:	Background Color:
Text Label Color:	Text Color:
Text Color:	Text Font:	Trebuchet MS Font Times New Roman Font Tahoma Font Palatino Font Lucida Font Impact Font Geneva Font Georgia Font Courier New Font Comic Sans Font Arial Black Font Arial Font Verdana Font
Link Color:
Background Image URL:

Style: (Optional)

Check out these
helpful CSS tips.

HTML Tips

Next in the "Style: (Optional)" section, paste the CSS code given below:

Music Player Skin CSS:

#user-details { border: none; }
#profile-name {
background-image: url(http://photos1.hi5.com/0014/773/303/fT911.773303-03.gif);
color: #000000;
}
#profile-nav {
background-image: url(http://photos1.hi5.com/0015/604/814/5cXjGs604814-03.jpg);
}
#profile-nav a {
color: #FFFFFF;
}
.section h4 {
font-family: Arial;
}
body {
background-image: url(http://photos1.hi5.com/0014/786/983/4RHGMv786983-03.jpg);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
}
#user-details .content {
background-image: url(http://photos1.hi5.com/0015/715/283/TftUUS715283-03.jpg);
background-position: bottom;
background-repeat: repeat-y;
}
#user-details { border: none;
}
#user-details .footer {
background-image: url(http://photos1.hi5.com/0016/894/219/XZYqZD894219-03.gif);
display: block;
height: 60px;
}
.section a, section a:hover, section a:visited {
color: #2b4380;
}
.section h1 {
line-height: 30px;
padding: 0 7px;
background-image: url(http://photos1.hi5.com/0014/415/746/bevmeP415746-03.gif);
border:none;
color: #000000;
font-family: Arial;
font-size: 14px;
font-style: Arial;
height: 30px;;
}
.section h2 {
background-image: url(http://photos1.hi5.com/0015/641/886/HUu3yq641886-03.jpg);
}
.section h2 a {
color: #FFFFFF;
}
.section .content {
background-image: url(http://photos1.hi5.com/0017/440/909/WTFYDU440909-03.jpg);
background-color: #81addb;
background-position: bottom;
background-repeat: no-repeat;;
}
.section .footer {
background-image: url(http://photos1.hi5.com/0017/647/997/Ve6NxQ647997-03.gif);
display: block;
height: 30px;
}

Now just click the Save Profile" button, and you're done!

Have fun!

Coming Skins!

The skin below shall be available by today or tomorrow!

Please stick around as allot of new skins will be released soon!

We have 4 more skins to put up this week.

So please check back!

Hey! I'd like everyone to check out my new hi5 profile skin I made!

It's still being reviewed so it's not public as yet :(

Here's the link:
http://www.hi5.com/friend/profile/selectSkin.do?skinId=2618834&private=true

I really don't know if everyone else can use the skin other than me yet.

But once it is reviewed, whether or not hi5 accepts it to their gallery you can still have access to use my skin from here.

Here's a preview of what the pieces look like:

It took a while to make, but I did it all from scratch.

Issues with the skin:
My typography wasn't the best... I tried but I couldn't get a good blending color of text to go over the profile-main-body section.
I made the colors too diverse.

Well this was my first real work using Photoshop, but i learned my lesson and will try to make a better skin next time around.

I really learned allot just making this skin.
It was fun to see the result and all.

Also with the section with the animated gears and the lock and plates pulling appart.
It came out a bit messy, but that section took me by far the longest, but I really wished it could have came out better.

Well actually it did, but the original file size for that part was like 1000+kb!

So I then had to sacrifice allot of quality and remove half of the animation in order to squeeze it into this 211kb image you see here.

I learned to not to waste time making so many animations next time, guess I wanted my skin to look unique.

Sorry the top part is so wide too.
You can always increase you screen resolution to see the full thing better.
Or right click on any image and press "view image"

Well I hope on seeing other members post their beautiful skin creations for us to see and use!

Looking forward to it!