Thread:GokūBlack10/@comment-4097945-20130924183304

Remember when you asked me how to fit a background image into Wikia's ridiculous 150kb limit? Well, I think I found out why other Wikias have better quality backgrounds. It's all because of MediaWiki:Wikia.css.

I went to the Fairy Tail Wiki, because they have this amazing HD background, and always had a good quality. I knew something as big and as HD-like couldn't fit the 150kb limit. But now that I've learned more about the MediaWiki, I noticed something. Before the actual background appears, there is a black one behind, and then the other one (kinda) slowly loads. I thought the actual image was overlapping the black background. I went to the wiki's Wikia.css page, and found out this little thing:

/*********************/ /***Wiki Background***/ /*********************/ .mediawiki { background: black url(http://images.wikia.com/fairytail/images/7/7a/BG3.png) no-repeat top center; background-attachment: fixed !important; } /* Background Style */ .WikiaHeader { background-image:url(http://images2.wikia.nocookie.net/fairytail/images/0/0a/Header_Bg.jpg); }  background: url(http://images2.wikia.nocookie.net/fairytail/images/0/0a/Header_Bg.jpg); height: 25px; margin: auto; text-align: center; }
 * 1) WikiaBarWrapper .wikia-bar {

The first part is used to overlap the black background with the actual background image (Natsu and Lucy). The second one, I'm not sure, but it seems to be used to identify the file that the MediaWiki should recognize to use as the header pattern. The last bit of coding is used to choose how the header image is displayed on the actual header.

Hope it helps and that I'm actually right about this, but it seems fine to me. 