Forum:Adding a higher definition background.

Hello all! Korvic here, working on a wiki and I keep flipping tables over trying to get an HD background to work. I am no coder, and do not know any CSS. I've tried looking for explinations on how to upload a background that's HD, even video tutorials, but to no avail. I wish to upload this (http://www.imageups.com/img/uploads/big/84a51a5d56.png) as my background image. I can upload it elsewhere, is there anyway I can just paste the image URL so that the wikia page uses it as it's background? If not and it has to be coded, could someone also give me instructions as to how to edit, and what to edit in the CSS as I have no idea what I am doing in that aspect. Thank you for any and all help!

-Korvic


 * First, I highly recommend converting your image to a JPG file. Your background image is 2.5 megabytes. Unless you want visitors to your wiki to wait a whole minute or two for the background image to render, you need to cut down the file size.


 * There are 2 different ways to get a background image for your wiki. The first and simpler way is to use the Theme Designer page in your admin dashboard. The maximum background file size for Theme Designer is 150 kilobytes (as explained above: background images with large file size = take too long to load = bad for most viewers). If want to go over the 150 kb file size limit, you can do so with CSS:


 * 1) Write down your image URL, such as http://www.imageups.com/img/uploads/big/84a51a5d56.png


 * 2) Write the CSS using the background-image property. You may also want to set other background properties as well, such as background-color so that you have a default color that appears outside the boundary of your image (e.g. if your image is too small for some people's screens). Here's an example of how you use CSS to set up a background image.


 * 3) Once you've written the CSS, you need to place it in your wiki's MediaWiki:Wikia.css page to get it to load for all viewers of your wiki. Assuming your wiki is EXAMPLE.wikia.com, your MediaWiki:Wikia.css page would be at http://EXAMPLE.wikia.com/wiki/MediaWiki:Wikia.css. (Change "EXAMPLE" to what the actual domain of your wiki is)

Thank you so much, this works perfectly. --Puts his keyboard back together.-- You, sir, are very good. :3

-Korvic