Forum:Transparent background?

I have added a background image to my wiki (http://resistancefanfiction.wikia.com/wiki/The_Resistance_Fanon_and_Fan_Fiction_Wiki) and it can't be seen because of the black background on the wiki pages (if you know what i mean). the Avatar wiki, the Halo fanon wiki, dragon age wiki and the Halonation wiki have altered their wiki pages, and the background images can be seen. How can I do that for my wiki? Another thing, the Halo fanon wiki has two background images for their wiki. how is that possible? One last thing, how are those icons posted to main pages of a wiki (the icons that link to categories)?

http://james-camerons-avatar.wikia.com/wiki/Avatar_Wiki

http://dragonage.wikia.com/wiki/Dragon_Age_Wiki

http://halofanon.wikia.com/wiki/Main_Page

http://halo.wikia.com/wiki/Main_Page

[[User:Thedragongod|Thedragongod 03:57, March 31, 2011 (UTC)]]

The transparent background is done through a transparent png image. I believe there is a second way to do it but I am not sure. The two backgrounds on the halo fanon seem to be the same image but with a part of this only appearing on the main page. Ask the admin of the wiki how they did it. The icons on a main page that link to categories are portals. If you want the bare bones you can make a simple link to a category by doing Category:Name. If you want the more extensive portal system it is a lot more coding.--


 * Yup, the wikis are using an image that is semi-transparent as the article background, that's why the page background is visible. The halo fanon wiki uses a seperate background image for the main page without transparency. To do that you need to copy  to your MediaWiki:Wikia.css page. Keep in mind that additional styling efforts need to be made to make it look good (proper backgound; without too much contrast, other objects will need to be restyled as well).


 * Here is how your wiki would look like with just that bare line of code added: Image Link


 * The alternatives would be:
 * making a background image that has a 1000px wide, faded out space in the middle, and setting  class only to "transparent"
 * using the  property on the,  . The downside is that everything, including text will have some tranparency. The upside is no additional image has to be used. Sovq 07:19, March 31, 2011 (UTC)


 * Sovq, fix your toolbar man. There's a fix I wrote up to right align your toolbar without the 'more ...' showing up... (unless you like it that way) Rappy 07:33, March 31, 2011 (UTC)


 * I know, I am using it ;) and thanks for that. The screenshot has been made offline with some JS not loaded/not working. My regular toolbar works as expected: Image Link :) Sovq 07:43, March 31, 2011 (UTC)


 * Ah, good. You had me scared. =) Rappy 07:54, March 31, 2011 (UTC)
 * Thank you so much for the information! I had a hunch that CSS would be involved. As for the portals, I'll have to teach myself "portal coding." I might be spending all day on this, but if it makes my wiki look good, it will be worth it. Thank you!
 * How do I get to the MediaWiki CSS page?
 * Thedragongod 18:16, March 31, 2011 (UTC)
 * How do I get to the MediaWiki CSS page?
 * Thedragongod 18:16, March 31, 2011 (UTC)


 * It's this one. It can only be edited by admins though. Sovq 18:38, March 31, 2011 (UTC)
 * It's not working for me. I modified the code: .WikiaPage {background:transparent url("http://images1.wikia.nocookie.net/__cb20110313205425/theresistancefanon/images/5/50/Wiki-background");}
 * and it didn't work. I'll keep trying!
 * Thedragongod 20:58, March 31, 2011 (UTC)
 * That's because the URL you gave is for the background image, not the transparent image.
 * Thedragongod 20:58, March 31, 2011 (UTC)
 * That's because the URL you gave is for the background image, not the transparent image.