This is an old revision of this page, as edited by Zenwhat (talk | contribs) at 14:42, 31 December 2007 (Rv vandalism). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
Revision as of 14:42, 31 December 2007 by Zenwhat (talk | contribs) (Rv vandalism)(diff) ← Previous revision | Latest revision (diff) | Newer revision → (diff) START DIR TIPS Userpage design - Style Home Talk Awards 4 U Sigs Task 4 U Tools User page design Wiki-school Wish listSkins
Formatting
Layout themes
Article format
The default format for user pages is the article format. That is, standard headings, paragraphs, bulleted lists, etc. But an article-styled user page need not look drab, and is more than adequate for presenting information about yourself. Since it is so easy, it's a perfect place to start. See the following user pages as examples of well-developed user pages in article format:
Menu format
Table formats
- Main Page format
- Custom Portal format
- Custom table format
- With menu
- Without menu
Format elements
Borders
Borders look nice. Borders add spice. And they're the right price.
The examples below include closing codes, which may make it difficult to utilize them on talk pages. To have borders and backgrounds extend to the end of the page regardless of what is added, simply leave off the closing codes (</div>, </tr>, </td>, |}) at the end of the border markup examples.
Some example borders:
Welcome!
| |
---|---|
Sample text Sample text Note that this frame will only extend as far as your text, so you have to have at lease one complete line of text. Sample text Sample text Sample text. The body of your user page would go in here (that is, text, pics, etc.). |
|
- The above design is best used for short pages, as it mimicks a picture frame. It would work well for images, awards, etc.
Round corners
As of November 2006, only Mozilla (Firefox) supports round corners. To add round corners to a box or frame, include the {{Round corners}}; template (just as shown, including semi-colon) as a style parameter. Note that the element to be rounded must have a border in the first place. Here's a markup example:
<div style="border:1px solid #5599FF; {{Round corners}}; margin: 5px;"> sample text sample text sample text sample text </div>
To see the specific code for creating round corners, see Template:Round corners.
For a cool example of the use of round corners, see Zeerus' user page
Color
Main article: Web colorsWeb colors | |
---|---|
Hexadecimal | |
White Gray/Grey Red Yellow Lime Aqua/Cyan Blue Fuchsia/Magenta Silver Black Maroon Olive Green Teal Navy blue Purple | |
Change page color with CSS
Contents
To suppress the automatic table of contents box from appearing on your userpage, place the following line somewhere on your userpage:
__NOTOC__
To have the table of contents box float to the right, place the following line where you want the toc to appear:
{{tocright}}
Scroll boxes
To create a scrollbox, use the "overflow:auto" style code. Be sure to also specify a "height: nnpx", where nn is the height you want. Here's an example of one 150px tall:
- What is the meaning of life? And what does that question mean?
- Where is the line between life and non-life?
- Where does choice come from?
- Why is life proactive, as opposed to nonlife, which simply obeys the laws of physics, without using energy to—say—defy gravity?
- Can emotion be programmed?
- Where do we feel?
- Why does art move us?
- What makes us want to be better, to have purpose?
- Who are you and what do you want?
- That is, who are you, really? The true you, deep inside.
- And what do you really want (but for whatever reason haven't committed to getting)?
Show/Hide sections
Here's an example of collapsed/expandable sections:
About meSample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text.
Subpages
To do
- fly
- ride an orca
- visit the moon
- achieve immortality or the closest thing to it
Licensing
I authorize all my mainspace contributions under the Multi-licensed with the Creative Commons Attribution Share-Alike License versions 1.0 and 2.0. I'll authorize usage to all other spaces and any talk page post upon request and at my discretion.
Multi-licensed with the Creative Commons Attribution Share-Alike License versions 1.0 and 2.0 | ||
I agree to multi-license my text contributions, unless otherwise stated, under Misplaced Pages's copyright terms and the Creative Commons Attribution Share-Alike license version 1.0 and version 2.0. Please be aware that other contributors might not do the same, so if you want to use my contributions under the Creative Commons terms, please check the CC dual-license and Multi-licensing guides. |
Action links
Switched features
See also
Formatting Text |
Formatting Pictures |
Making Subpages |
Title Headers |
Suggested Tools |