How do I change the background and colour of text?

How do I make different sized text?

Easy peasey

Simply use the paragraph tag

So Mr. smarty pants coding guy, how do I put borders around stuff?

This left aligned text is kinda boring. Any tips?

How about right aligned?

Center aligned is cool

Backward is even more cool

I know of a really cool site. How do I link to it from my profile page?

Okey dokely. All you need to do is add the url of the target site to a simple line of code and give it a title.

Woah. How do I add one those?

First you have to make your header. Use photoshop or whatever graphics package you like. Save to a hosting service. I use Photobucket. It's free.

Just make sure it is not more than 500px wide.

Then add this code to your profile.

How easy was that? Hey, go crazy.

So, what now?

What you do now is up to you. Hopefully, I've provided you with a good set of tools you can use to personalise your profile page. All of these techniques can be combined to create a unique and colourful frontend to your COLOURloving world.

Here's a complete layout. Feel free to change any/all parts to suit your purposes.

Have fun.

Questions? I'll try my best to answer them

/*Basic Div*/ 

<div style="background:#7998ad; 

color: #FFEEBB; 

padding:0.5em; 

font-size:1.2em; 

line-height:1.4em; 

border:0.1em outset #020304;">



/*Image*/ 

<img style="border:0.2em outset #AC4A14;" 

src="YOUR_URL" alt="IMAGE_NAME" /> 



/*Header*/ 

<h4 style="color:#f3f4f5; 

font-size:1.5em; 

font-weight:bold; 

text-align:center;">YOUR_HEADER_HERE</h4> 



/*Text*/ 

<p style="text-align:left;">SOME_TEXT</p> 

<p style="text-align:left;">MORE_TEXT</p> 

<p style="text-align:left;">EVEN_MORE_TEXT</p> 



/*Link*/ 

<p style="text-align:center;"> 

<a style="background:#7998ad; 

color:#fff; 

padding:0.2em 0.5em; 

border:0.1em outset #7998ad; 

text-decoration:none;" 

href="TARGET_URL">LINK_TITLE</a> 



</p> 

</div> 

/*End Basic Div*/ 

Say Hi