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

  • MediaWiki Skins Design
  • Richard Carter
  • 556字
  • 2021-05-28 17:39:09

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).
主站蜘蛛池模板: 滕州市| 宜良县| 稷山县| 原阳县| 华亭县| 阳山县| 横山县| 杂多县| 馆陶县| 阿巴嘎旗| 新巴尔虎右旗| 靖边县| 札达县| 青阳县| 新宾| 潼南县| 东乌| 集贤县| 五家渠市| 焦作市| 天祝| 厦门市| 分宜县| 招远市| 巴里| 辽中县| 泽库县| 乐清市| 静宁县| 崇礼县| 隆化县| 始兴县| 西昌市| 双江| 佛山市| 休宁县| 灌云县| 淳化县| 拉萨市| 凉城县| 藁城市|