官术网_书友最值得收藏!

Styling Article Content

Now that we can see our new skin, we can start altering its look and feel. If you have copied another skin directory, delete the CSS and image files in the new (copied) directory, so that you are not working with the other CSS that you copied which would undoubtedly result in a bulky and unnecessary CSS.

The Content Body

By default, the content for each page is contained in a div with id content, and then CSS rules are applied to #content. #content does not contain the page's content (this is in #bodyContent, which is nested in #content), but it contains .firstHeading, a <h1> tag that holds the page's title.

Note

If your MediaWiki skin does not follow the naming conventions that are used in the default skins such as MonoBook, you can style your wiki's elements with the help of their references.

There are many elements within #bodyContent, each of which has a specific purpose in MediaWiki. Obviously, you can name the elements in your MediaWiki skin as you like, but it would be easier to follow the original naming conventions if you are planning to release the skin for use by other developers.

Category Links

.catlinks identifies the container for the different categories in the wiki page. This is similar to Wikipedia's page on Jazz (http://en.wikipedia.org/wiki/Jazz). Refer to the following screenshot:

Category Links

editsection: page editing options

. editsection distinguishes the "edit" links that are provided against each of the headings in the editable section of the wiki's pages. The following screenshot shows the edit option for the section to the right of the heading:

editsection: page editing options

SiteSub: Your Wiki's Claim to Fame

#siteSub is used in articles to indicate where the content is from (in a <h3> tag). By default, it reads "From YourWikiName". As with #jump-to-nav, #siteSub is invisible by default in MonoBook.

toc: Table of Contents

#toc contains the table of contents. By default, the table of contents appears only when four or more headings exist within the content. #toc-level1 to #toclevel6 indicate the hierarchy of the table of contents. A similar example can be viewed at http://en.wikipedia.org/wiki/Jazz.

toc: Table of Contents

Note

Removing the table of contents:

You can remove the table of contents from MediaWiki pages by inserting the wiki markup __NOTOC__ into the page's editable content.

Wikitable: Tabular Data

wikitable is the default table styling in MediaWiki.

Other elements of interest

#jump-to-nav contains links to enable the visitors to skip to other areas of interest within the current page. In MonoBook, these are hidden with display: none that displays the links when a "user agent" (that is, the browser) does not allow styling with CSS.

#contentSub is used primarily on pages that are redirected to elsewhere on your wiki. They should be left visible as deleting them would make it incredibly difficult to remove a redirect.

Images

When an image is inserted into a wiki page in MediaWiki, the image automatically links to its own uploaded image page. .image classifies the images that are linked to the wiki's content, rather than the images themselves.

Thumbnailed Images

  • . thumb, .tright, and .tleft classify images that are thumbnails (created in wiki syntax [[Image:ImagePath.png|thumb|Image caption]]). This (by default) creates an image of 180 pixels wide with the use of inline CSS (CSS that is not in a separate file, but is embedded in the (x) HTML code).
主站蜘蛛池模板: 和顺县| 西昌市| 南开区| 慈溪市| 库尔勒市| 平昌县| 兰西县| 泾阳县| 上饶县| 汉沽区| 新建县| 甘谷县| 泰顺县| 资中县| 徐水县| 宁德市| 潢川县| 彭阳县| 东光县| 大新县| 呼图壁县| 蒙城县| 马山县| 罗平县| 丹凤县| 水富县| 拉孜县| 弥渡县| 东兰县| 佛冈县| 海口市| 茶陵县| 洪江市| 隆昌县| 呼伦贝尔市| 黄陵县| 昭苏县| 通州市| 湘西| 军事| 江津市|