Topic on Project:Support desk

Hello MediaWiki support,

I would like to modify my wiki design. How can I add a image over the wiki tabs?

---

For example:

---

Resources

Using a images for example: http://tieteentermipankki.fi/mediawiki/extensions/Termbank/resources/termipankki_tunnus.png.

• Source Page: http://tieteentermipankki.fi/wiki/Toiminnot:MyLanguage/Termipankki:Etusivu

MediaWiki has a possibility to add a custom logo. See Manual:$wgLogo for how to do that!

This logo must have a certain size and it will be displayed in the upper left-hand corner of the screen. For the text, which you want to have in top of the page content, I would then use a second image. Maybe it is posible, to add this one using CSS on the wiki page MediaWiki:Common.css in your wiki.

I already set $wgLogo for my wiki but I don't know how to set the text or image, which I want to have in top of the page content.

Try skin specific CSS with a non-repeating background image having a laeft margin...

For example?

You'll need to push tabs and content to the bottom. You can try this CSS:

(commented-out values are the current defaults)

#left-navigation, #right-navigation {
/* margin-top: 2.5em; */
	margin-top:200px;
}

div.vectorTabs {
/* height: 2.5em; */
	height: 40px;
}

#mw-head-base {
    /*margin-top: -5em;
    height: 5em;*/
	  margin-top: -80px;
	  height:240px;
}

And the text to display above the tabs?

Put it as a background image

For example?

#mw-head { background-image: url( put here the URL of the background ); }

I set it:

Is it possible to use a text instead of a background-image?

You can, but you'll have limited text formatting options. Definitively not 2 texts with different formats

#mw-head:after {
    content: "Example Text";
    line-height: 200px;
}