Misplaced Pages

:User page design guide/Style - Misplaced Pages

Article snapshot taken from[REDACTED] with creative commons attribution-sharealike license. Give it a read and then ask your questions in the chat. We can research this topic together.
< Misplaced Pages:User page design guide

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  Filenew.svgUserpage design - Style   Home   Talk   Awards 4 U   Sigs   Task 4 U   Tools   User page design   Wiki-school   Wish list

Skins

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!
User Page · Talk page · Archive · Awards · Contributions · Edit count · Sandbox

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.).


Picture of the day Garlic Garlic Photograph credit: Ivar Leidus


This is a Misplaced Pages user page.
This is not an encyclopedia article or the talk page for an encyclopedia article. If you find this page on any site other than Misplaced Pages, you are viewing a mirror site. Be aware that the page may be outdated and that the user in whose space this page is located may have no personal affiliation with any site other than Misplaced Pages. The original page is located at https://en.wikipedia.org/wiki/Wikipedia:User_page_design_guide/Style.
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 colors
Web 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 me

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. Sample text.


Subpages
To do
  1. fly
  2. ride an orca
  3. visit the moon
  4. 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
Categories:
Misplaced Pages:User page design guide/Style Add topic