Forum:Header for Wiki



Hi! I am wanting to add a header to my wiki (the dick figures wiki) a example is the Sims Wiki's, I see it isn't a part of the background. If it could be done it would improve my Wiki's look. I contacted Wikia and they said they would contact the admins of the Sims Wiki and that I should ask the forums.

HungryGrox 13:26, July 31, 2011 (UTC)


 * Add in MediaWiki:Wikia.css

.WikiHeader { background-image: url(linktoimagegoeshere); }


 * You can decide what style you want, the background image is just an example - Tjcool007 (Talk) 13:42, July 31, 2011 (UTC)


 * Can't get it working correctly, this is what I write

.WikiHeader { background-image: url File:DickFiguresHeader.jpg; }


 * Or am I doing it wrong?
 * HungryGrox 15:12, July 31, 2011 (UTC)


 * You need the parenthesis, and you can't use the file page as the url. If you go to the file page and click the image, the page you end up on is the url you want.

.WikiHeader { background-image: url (http://images4.wikia.nocookie.net/__cb20110731150436/dickfigures/images/e/e9/DickFiguresHeader.jpg); }


 * Still not working :/
 * HungryGrox 15:37, July 31, 2011 (UTC)

try this, the additional items are to adjust the margin to allow for a full 1000px image: .WikiHeader { margin:0 0 0px; /* remove 15 px margin */ padding:10px 10px 24px; /* add 15 margin to 9 padding, header now 1000x99 */ background: url(http://images4.wikia.nocookie.net/dickfigures/images/e/e9/DickFiguresHeader.jpg); } .WikiHeader .wordmark.graphic { height: 65px; } .WikiHeader .buttons {/* fix margin after removed in .WikiHeader*/ padding:0 0 15px; }

.WikiaBlogPostHeader {/* switch margin and padding*/ margin-left:0px; padding-left:10px; }


 * --Sxerks 15:41, July 31, 2011 (UTC)
 * Thank you so much, HungryGrox 15:45, July 31, 2011 (UTC)

You may also want to add this to adjust the background color of the NAV menu so that it is readable: .WikiHeader nav li{ background:none repeat scroll 0 0 #EBEBEB; }
 * --Sxerks 15:51, July 31, 2011 (UTC)


 * I just want to add this in there - the reason why it didn't work above is because you can't have a space between the parenthesis and ;   won't work, you need.