User:Paradox460/Techniques

Many people have asked me how I made my userpage, or how I made some sub-elements. They are all really simple, but require a basic knowledge of code.

I used mostly CSS3, bits of wiki code, XHTML, and wiki tables.

Rounded borders
If your browser supports it (Firefox 2-3, Safari), you will notice some nice smooth edges on the main box on the user page. These break the basic layout of most user pages (boxes), and makes it appear smooth and clean, very Web 2.0ish.

The code that unlocks this is quite simple. It is a bit of CSS3. Make a big div, and in the style block, add the css properties of -moz-border-raduis and -webkit-border-raduis. The code is really simple: CONTENT Look out, though. If you use a different color top bar like i do, you have to make the top right and left have a border of the same as the parent div, otherwise you get an ugly box. Header thingy

Columns
The column layout on the page is really simple. It is just a bunch of nested tables, occasionally styled. I will not tell you how to style them, but I will tell you how to make an easy column layout. Now that you have the main table created, you can create the minor tables that hold each little "block".
 * {| style="width: auto;"
 * Content block 1 right
 * Content block 2 right
 * Content block 3 right
 * }
 * }
 * Content block 3 right
 * }
 * }

I put a div in each block, but that is very simple to do, and you should be able to figure it out.

Add comment to talk page
This is probably the simplest tip. If you want to make it easy for people to post comments to your talk page or message you, just add a link to add new topic. Add a comment Be sure you use the  , otherwise your links will have the ugly outside site thing. If you are posting this to your main user page, the code can be copied as is. If its on a sub page, or somewhere else, replace with your username. If you leave pagename as it is, it will link to the talk page of the page it is linked to.