Forum:Wallpaper?

Can someone help me make a wiki wallpaper out of this ? I don't know how... Mai Is Me 03:20, April 8, 2012 (UTC)


 * What do you mean? &mdash;  S a m  Wang  03:35, April 8, 2012 (UTC)


 * I don't know how to make a wallpaper for a wiki without just putting a Tile pattern, and that looks messy. So I was looking for someone to help me make a normal one with the link I provided. Mai Is Me 03:37, April 8, 2012 (UTC)


 * The easiest way is to use the Theme Designer (Special:ThemeDesigner). Simple, but the background file must not exceed 100kb. You can use irfanview with the riot plugin to set the maximum size when saving images. Alternatively you can add this into MediaWiki:Wikia.css:

body { background-image: url("http://img6.mmo.mmo4arab.com/photo/2011/04/24/ro_wallpaper_03_1280x800MuJ6lS6683.jpg"); background-attachment: fixed; background-size: cover; }
 * It seemed that there's some ambiguity due to the use of the body tag. The visual editor ended up having this background too! And only the left hand of the character is visible. Better use the Theme Designer. -- Mfaizsyahmi  (talk) 11:38, April 8, 2012 (UTC)


 * Giving a style to the "body" tag like that with CSS will affect the background of the visual editor, as Mfaizsyahmi mentioned. Instead, you should use this code in the MediaWiki:Wikia.css of your wiki:


 * Explanation:
 * I created a slightly different version of the image you linked . My version has a top edge that fades to blue, and it is slightly compressed so that it will load faster for people visiting your wiki. If you want to use this image, you should upload it to the wiki where you want it to work and then use the full url location of the image on the wiki instead of the ImageShack url I used in the code above.
 * Make the background image fixed position so that the bottom right corner of the image will always be in the bottom right corner of the viewer's screen. This way the right and bottom edges of the image won't be obvious.
 * Use a background color that matches the blue edge on the left side of the image, that way the edge will blend seamlessly into the rest of the background when the width of a viewer's screen is wider or taller than the image.
 * --Gardimuer { ʈalk } 17:26, April 8, 2012 (UTC)


 * I don't get it, I added both of the codes and it didn't work. Am I doing it right? I did it here.