Forum:Front Page Redesign - Graphic Help Requested

Hi, guys. I've been working on a sleeker look for The Third Turn's front page, and have been trying to create a theme. I'm pretty close to what I want, but I need a little technology/software help for some things I don't have the software for. If anyone would be so kind as to help me with the main task - I would like every arrow and the actual site logo (the giant 3) to be trimmed down so that instead of white space being revealed if the background is dark, that it looks like a little white edge is instead surrounding the image. I don't honestly know what that's called, but I know it'd be an svg file (ex. http://en.wikipedia.org/wiki/File:General_Mills.svg)

The other question is this. Is it possible to have a table have a background image, instead of color? Like how the Monaco header can instead be linked to a URL containing the image one wants to appear?

Any help with those two questions would be greatly appreciated. --DaNASCAT 20:42, 11 February 2009 (UTC)

As for the three, it needs converting into either an svg or a png. The former is generally the better choice. --Sky (talk) 00:14, 12 February 2009 (UTC)
 * I don't know about the image question in tables, as I don't know if MediaWiki allows it (it does allow inline CSStyling, but I don't know if it would allow inline CSStyling with images as opposed to the kind with replacing the monaco header...). That said, it should be allowed...


 * Can I just save a Photoshop picture as a SVG or a PNG for it to work or do I need to do further editing? And I have no idea about inline CSS styling (since I usually don't mess with CSS)? Anyone technical know the answer to the CSS question? --DaNASCAT 01:06, 12 February 2009 (UTC)
 * Edit: Fixed the Photoshop dilemna! Would still like code help to create a background image for a table, if possible. --DaNASCAT 01:26, 12 February 2009 (UTC)


 * For a background for a table, you'll have to go into your Mediawiki:Common.css file and add something like this:

.exampleClass { background: url( ' URL to your image ' ) }


 * Then use this when putting your table into an article/page:

And that should do it. flaminglawyer 01:35, 12 February 2009 (UTC)

I pasted the code for exampleClass directly, only replacing the url link, and then tried setting a table up like this:
 * {| width="90%" class="exampleClass" --DaNASCAT 01:42, 12 February 2009 (UTC)


 * Fixed! Thanks for everyone who helped me with this!


 * For future reference, clear your browser's cache to make the effects happen faster (on Firefox hold Shift while clicking Reload) flaminglawyer 01:51, 12 February 2009 (UTC)