What is it?

We're introducing once again a new concept: the Custom CSS profile!

Each user will be able to create a custom profile by uploading a CSS in his/her PFS. If a user created one the button will appear in the normal profile page.

Basically, you can call that online template design, or whatever it is.


Requirements

You have to know quite advanced CSS and HTML (even though you won't modify the HTML file). Graphics design is a plus, but it is not mandatory since you can design cool sites without GFX.


Rules

Create a CSS design for your profile:

1 No HTML code modification will be possible
2 CSS code, feel free to use whatever you want
3 Graphics are allowed, so don't hesitate to include them as background in the CSS file

How to make my own?

To customize your porfile, create a CSS file named profile-style.css and upload it to your PFS.

Here are the tools provided to start with: Default CSS File and Profile HTML Code

We advice you to create a PFS folder and to upload every file needed and the profile-style.css in that folder.

If you include some graphics, in your CSS, you can specify absolute URL's for the graphical backgrounds or just specify the name of the uploaded picture preceeded of you user ID and a dash.
If your pic is called pic.jpg before the upload and your ID is 253, include it in the CSS as follows:




Examples




Do you need help?

You need help or advices? We'll assist you in the Web Design Forums as it is more related to CSS Design than general questions. You can also visit some sites such as w3schools.com for CSS properties references.


Outro

Don't you think CSS design is cool!?

We think that it is a good opportunity for our members to improve their CSS coding skills and it will be for sure a good training for coding their future template XHTML/CSS.

Have fun and don't forget to show it off to the rest of the community!