Misplaced Pages

:User page design guide/Style: Difference between revisions - 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 Browse history interactively← Previous editNext edit →Content deleted Content addedVisualWikitext
Revision as of 05:59, 16 December 2007 editAl Ameer son (talk | contribs)Autopatrolled, Administrators74,916 edits Undid revision 177821508 by Therealmfamily (talk)← Previous edit Revision as of 14:42, 31 December 2007 edit undoZenwhat (talk | contribs)Rollbackers4,094 edits Rv vandalismNext edit →
Line 9: Line 9:
=== Layout themes === === Layout themes ===


==== Article format ====
'''''WWE Magazine''''' has gone through many incarnations throughout the years. Originally known as WWF(World Wrestling Federation) Victory Magazine, its debut issue


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:
Starting with the third issue (April/May 1984) it became known as World Wrestling Federation Magazine (or WWF Magazine for short), with newly crowned WWF Champion Hulk Hogan on the cover. WWF Magazine would continue to be bi-monthly until June 1987, in which it would become a monthly operation and a staple of the World Wrestling Federation for the next decade. For years, WWF Magazine operated as a kayfabe magazine; stories included fictional biographies of wrestlers and feuds (written to cater to the WWF's mark fanbase), as well as previews of upcoming events, editorials and other features targeted at younger audiences. Rarely, there would be a real life story (particularly if a wrestler had died or the topic had such far-reaching interest to WWF fans that it could not be ignored).


*
In April 1996, the World Wrestling Federation decided to create a second magazine called RAW Magazine, which became a focus on behind the scenes activity, focusing on wrestlers real life profiles. It debuted with the May/June 1996 issue, and was bi-monthly until the January 1998 issue.
*

*
In May 2002 the World Wrestling Federation became known as World Wrestling Entertainment, and therefore the magazine was changed accordingly to "WWE Magazine" starting with the June 2002 issue.

Shortly before that, the WWF/E had split up into two brands, RAW and SmackDown!. However, WWE and RAW Magazines were unaffected until the January 2004 issues, in which the WWE decided to have separate magazines for their respective brands. RAW Magazine kept the name, but changed into being more like the WWE Magazine in which it became a kayfabe magazine, however it focused solely on the RAW brand. WWE Magazine became SmackDown! Magazine, and would focus solely on the SmackDown! brand. That lasted until the summer of 2006, in which the RAW and SmackDown Magazines would be discontinued and a new WWE Magazine would debut with the August 2006 issue (Dave Batista cover).

The new WWE Magazine was designed to move away from being solely a wrestling magazine. Instead of just wrestling feuds, the majority of the magazine contains lifestyle tips, product reviews and photos of WWE's superstars and divas outside the ring. The new style is similar to current men's magazines, such as Maxim and Stuff.

In November of 2007, Wrestling News Site AnarchyWrestling.net reported that the Holiday 2007 issue of the magazine, had spoiled the return of Chris Jericho on the 19th November Edition of RAW, a week before the return took place.


==== Menu format ==== ==== Menu format ====
Line 46: Line 40:
! style="font-family: Trebuchet MS, sans-serif; color: #EEEEFF; font-size: x-large; line-height: 1.3em;" colspan="2"|''Welcome!'' ! style="font-family: Trebuchet MS, sans-serif; color: #EEEEFF; font-size: x-large; line-height: 1.3em;" colspan="2"|''Welcome!''


<font size=#2>''<center>] ] ] ] ] ] ] ] ] ] <span class="plainlinks"></span> ] ]</font></center>'' <font size=#2>''<center>] ] ] ] ] ] ] ] ] ] <span class="plainlinks"></span> ] ]</font></center>''
|- |-
| style="text-align:left; padding: 8px; background-color:#FAEBD7"| | style="text-align:left; padding: 8px; background-color:#FAEBD7"|
Line 84: Line 78:
For a cool example of the use of round corners, see For a cool example of the use of round corners, see


]==== Color ==== ==== Color ====
{{main|Web colors}} {{main|Web colors}}


Line 91: Line 85:
===== Change page color with CSS ===== ===== 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:

<nowiki>__NOTOC__</nowiki> <!-- To use this on your user page, remove the nowiki codes. -->

To have the table of contents box float to the right, place the following line where you want the toc to appear:


<nowiki>{{tocright}}</nowiki> <!-- To use this on your user page, remove the nowiki codes. -->


==== Scroll boxes ==== ==== Scroll boxes ====

Revision as of 14:42, 31 December 2007

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 Cattle tyrant and capybara Cattle tyrant and capybara Photograph credit: Charles J. Sharp


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: Difference between revisions Add topic