Help:CSS

From Zelda Wiki, the Zelda encyclopedia

Revision as of 16:43, 28 May 2010 by Justin (Talk | contribs)
Jump to: navigation, search
Help Guide

Where the Zelda Wiki community lives.
Castle
Town

Zelda Wiki's discussion center
Hyrule
Castle

Zelda Wiki's community problem center.
Milk
Bar

Zelda Wiki's problem time machine.
Door
of Time

Featured Article nominations and voting.
Featured
Articles

Featured Picture nominations and voting.
Featured
Pictures

Image request and support center.
Image
Requests

Zelda Wiki's book of knowledge and regulations.
Help
Guide

CSS stands for Cascading Style Sheet. It is used to stylize pages without directly entering the information on the page. This guide will teach you about using your own CSS pages so you can customize your wiki view.

Basics

For starters, you'll be working on your CSS page. The name of your CSS page is your user page followed by a slash and the name of the skin. All CSS pages end with .css, of course. For example, a person with the user name "Link" would go to User:Link/monobook.css in the monobook skin. To go directly to your CSS page in the monobook skin, click this link. If you happen to be using the Gumax beta (which is not recommended,) you can still edit your CSS by going to User:Yourusername/gumaxdd.css or by clicking this link. You can find direct links to your css pages in your preferences under the "skins" tab.

Understanding CSS

CSS uses a very basic system to modify page stylings. To modify a page element, you will need to know what specific type of text it uses. For example, to change a table with an id of "basictable," you would type this:

table#basictable {
style: style;
}

The stylings used are the same as HTML stylings for text, so you can find a reference at Help:HTML.

If you want to modify something but you only have its class, use a period (.) instead of a pound symbol (#) when linking the two texts together. For example, a div with a class of "textblock" would be written as such:

div.textblock {
style: style;
}

In addition, you can combine multiple elements together in the same styling by separating them with commas before beginning the curly bracket. It looks like this:

div.textblock,
table#basictable {
style: style;
}
Personal tools
Namespaces
Variants
Actions
Navigation
Community
Community Partners
Toolbox