FANDOM


Construction-cone-icon-link This page concerns or has references to the Monaco skin, an obsolete Wikia skin.
  • Most of the information for this skin has been hidden or removed from the Help wiki.
This help is for sidebar of Monaco skin. See Halp:Sidebar (Monobook) for information on customizing sidebar in the Monobook skin.
Customizing Monaco
Getting started talk

Overview


   Monaco new features
   Skins
   Skin comparisons
   Examples of customized
   Monaco skins

Customizing Layout


   Customizing colors
   Header
   Logo
   Sidebar
   Toolbox

Specific Skins


   Monaco/Dark skin
(changes)

 v  d  e 

Wikia's skin can be fully modified to create both the look and function you desire. One way to do this is to change the sidebar, which provides navigation links to important parts of the wiki.

The sidebar is divided into two sections: the main navigation, which has multiple levels.

  • For admins - you can edit the default navigation sidebar which is seen by everyone on your wiki
  • For users - you can set a custom navigation for yourself only

Main Navigation SidebarEdit

The sidebar will come with a default menu before it is modified. This can be found on our messaging wiki and includes:

File:Default sidebar.png











Editing the sidebar Edit

A person must be an admin to edit the sidebar.

To customize the main navigation sidebar (just below the search box), click on the Edit this menu text, which will bring you to the MediaWiki:Monaco-sidebar page. You will be able to edit the text here, which will then modify the sidebar.

  • Each asterisk represents a level in the menu hierarchy. In this example, the three top-level items displayed in the sidebar are "Superheroes Wiki", "Characters" and "Comics".
  • Hovering over the "Characters" item will bring up the second tier of the menu, "Heroes" and "Villains". These are represented by two asterisks. The articles about Superman, Batman and Spider-Man are located inside the "Heroes" submenu, and therefore have three asterisks on the editable menu.
  • The menu items automatically link to their respective articles. You can use external links here - the software will recognize them and link to them properly. If you'd like to use text that is different from the article name, first use the article name followed by a pipe character (|), followed by the display text. This is also true for external links; unlike the usual space, you will need a pipe instead.
     * mainpage | Superheroes Wiki
     * #popular# | Editor's pick    (see "magic word" section below)
     * Category:Characters | Characters
     ** Category:Heroes | Heroes
     *** Superman
     *** Batman
     *** Spider-Man
     ** Category:Villains | Villains
     *** Lex Luthor
     *** Penguin
     *** Green Goblin
     * Category:Comics | Comics
     ** DC Comics
     ** Marvel Comics
     * #category-minorcharacters#   (see "magic words" section below)

Main Navigation - Magic WordsEdit

In addition, we've added a few "magic words" that you can use in the main navigation, and allow for specific information to be pulled in. The new magic words are as follows:

  • #category1# = Creates a multi-level menu item that displays the name of the category with the most articles, shows the top 7 pages in that category, and has a "see more..." link to the category page.
  • #category2# = Same as above but for the category with the 2nd most number of articles.
  • #category-<categorynamehere># = you can specify a particular category name ( #category-superheroes#, for instance).
  • #popular# = This is meant to be an "editor's choice" list that the admin of each wiki can populate. You can add articles to the top of this list here: MediaWiki:Most popular articles. Make sure each entry is separated by a blank line. If there are no entries on that page (or fewer than 7 entries), the rest of the list will automatically be populated with the articles with the highest traffic on that wiki.
  • #visited# = a list of the articles with the most traffic on that wiki.
  • #voted# = a list of the highest ranked articles by vote.
  • #newlychanged# = articles that have most recently been changed.
  • #topusers# = a list of featured users.

Note:

  • For the #category1# and #category2# magic words, categories with certain keywords will be excluded from the #category1# and #category2# lists. These include: Image/images, Stub/stubs, Screenshot/screenshots, Screencap/screencaps, Article/articles, Copy edit, Fair use, File/files, Panel/panels, Redirect/redirects, Template/templates, Delete/deletion, TagSynced.
  • If you specifically want a category with one of those keywords on the main nav, then use #category-<categorynamehere># and replace the "<categorynamehere>" with the category name you want.
  • If you wish to include a category with a space in the name, e.g. "Wikia Widgets", replace the space with an underscore, e.g. #category-Wikia_Widgets#.

Users Edit

  • To customize the main navigation menu for your personal preference, edit the User:<your_user_name_here>/Monaco-sidebar page (you can reach it through this shortcut: Special:Mypage/Monaco-sidebar).
  • You can use the same format as listed above, as well as magic words.
  • This modifications are wiki specific.

InternationalisationEdit

Changing the navigation and toolbox in this way will only change the view for logged out users, and users with the same language set as that of the wiki. Logged-in users who have chosen a different language in their preferences will see the default menu for their language unless you have also created a translation on your wiki by editing MediaWiki:Monaco-toolbox/xx (where xx is the language code).

So on an Italian wiki, only users who are viewing in Italian will see your menu customizations. A user who has chosen German in their preferences will not see them.

Widgets Edit

All items in the sidebar on the left are contained inside a div with the id widget_sidebar

All widgets share the class "widget". By styling this class, all widgets will be affected.

.widget {
   background-color: red;
}

Additionally, each widget has a unique identifier for that widget, so you can style some extra things for 1 widget, without affecting all widgets.

Note: Widgets that are embedded into a page using the Widget tag also have this widget class, so if you need to affect just the sidebar, or just the embedded ones, place #widget_sidebar or #article at the start of your CSS rule.

Customizing the Latest activity widgetEdit

The Latest activity widget in the sidebar uses some of the same colors as the user masthead.

The article number is controlled by dark_text_1, and the background of that area is controlled by accent.

The line under that area is controlled by the border-color styling under "accent". For example:

.accent {
background-color:#D6E0F5;
border-color:#3366CC;
color:#000000;
}

Widget Headers Edit

The widget headers' style is initially defined by the class "color1".

.widget dt {
   background-color: red;
}

Search Box Edit

Subtle shading is automatically added to the specified background color. To remove the shading, set background-image: none. The search box's style is initially defined by the class "color1".

#search_box {
   background-color: red;
}

The text inside the search box is by default "Search {{SITENAME}}". You can adjust it by changing the MediaWiki:Tooltip-search page.

Search Button Edit

The search sprite can't be customized, but you can customize border color.

#search_button {
   border-color: #ccc;
}

Navigation Edit

If you want to specify a color for the navigation items that is different than the widget background color, use the following selector.

#navigation a {
   background-color: red;
}

Use this selector to specify the hover color of your navigation.

#navigation a:hover, .navigation-hover {
   background-color: red;
}

Dynamic Link Box Edit

The dynamic link box sits just below the navigation in the first widget.

#link_box_dynamic {
   background-color: red;
} 

#link_box_dynamic a {
   color: black;
}

Link Box Edit

The link box sits just below the dynamic link box in the first widget.

#link_box {
   background-color: red;
}

#link_box a{
  color: white;
}

ToolboxEdit

File:Sidebar-toolbox.png

The toolbox is located right below the sidebar. You can learn how to edit it on the toolbox help page.


See alsoEdit

For more sidebar-related customization, see:

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.