Help:Customizing MyHome



My Home and the user masthead use a few new color classes that can be adjusted to fit your wiki's style. To adjust this, you add the following text to the MediaWiki:Monaco.css page (as with other skin customizations)

Individual Customization
 .accent { background-color: White; }
 * Accent defines the background color in the user masthead. (see #1 in the black circle)
 * If .accent conflicts with something in your wiki's templates/other stylings, you can adjust this to be

 color: black; }
 * User_masthead h2 defines the text color of the Username in the masthead. (See the #2 purple item)
 * 1) user_masthead h2 {


 * Next to the Username, is an editcount and a date, item #3. No extra styling is available for this, as it will use the color from the h2 above.


 * dark_text_1 defines the color on the text that appears on top of the accent color. This is mainly used for the edit count on the top right of the user masthead (item #6)

 .dark_text_1 { color: Firebrick; }

Group Customization

 * The default color of the tabs that are not currently selected is defined by color1.
 * You can edit the background and link colors of both the selected and non-selected tabs.
 * The inactive tabs are indicated by #4.
 *  #user_masthead_tabs li : inactive tab background color
 * #user_masthead_tabs li a: inactive tab link color
 * The active tab is indicated by #5.
 * #user_masthead_tabs li.selected: selected tab background color
 *  #user_masthead_tabs li.selected a: selected tab link color

 background-color: #00689A; }
 * 1) user_masthead_tabs li {

color: #ffffff; }
 * 1) user_masthead_tabs li a {

background-color: #70B8FF }
 * 1) user_masthead_tabs li.selected {

color: #ffffff }
 * 1) user_masthead_tabs li.selected a {



Basic information

 * Basic skin chooser
 * Customizing My Home and the user masthead
 * Help:User masthead

Advanced information

 * Header image colors
 * Theme colors
 * Tips for creating a dark skin
 * Custom widgets
 * Highly detailed customization guide

General Monaco information

 * Help:Monaco skin features
 * Help:Examples of customized Monaco skins
 * Category:Monaco skin

nl:Help:Monaco personaliseren de:Hilfe:Anpassung des Monaco-Skins es:Ayuda:Personalizar la piel Monaco