Forum:How do I get these boxes on my wiki?

I am looking to get these special accent boxes on my wiki, I have tried to examine the code but cannot figure it out. Maybe somebody with a little more mediawiki coding experience can lend a hand. I am not looking for the content itself, just the knowledge on how to create these boxes. The screen shot if from Software Wiki. My Wiki, thx WifiShadow 22:22, August 11, 2010 (UTC)




 * Testing 1
 * Testing 2
 * Testing 3
 * that's how -- 22:57, August 11, 2010 (UTC)


 * and to add a background image?


 * To add the image, first you'll need to upload the following image (or make a similar one) to your wiki: http://images2.wikia.nocookie.net/__cb20100811230014/patrician3/images/1/18/Lines_background1.png


 * Then add the following code to your MediaWiki:Common.css page:

div.linebox { background: url(http://images2.wikia.nocookie.net/__cb20100811230014/patrician3/images/1/18/Lines_background1.png); background-repeat:repeat; border: 2px solid #404040; -moz-border-radius: 0.65ex; -webkit-border-radius: 0.65ex; }


 * Replace the border color or image link as needed. Then simply use the following on your article page:

Box content here...

Cheers :) -- 23:13, August 11, 2010 (UTC)

The only thing I have to go on as to where the image is located is

background: #252525; background-image: url(/skins/monaco/carbon/images/background.gif); /* $wgCdnStylePath */ } This is from my monaco.css, which was copied from the software wiki. Thx WifiShadow 23:23, August 11, 2010 (UTC)
 * 1) search_box, #page_bar {


 * NM just used url(/skins/monaco/carbon/images/background.gif) and it worked thx WifiShadow 23:26, August 11, 2010 (UTC)

Is there any way to get it to self adjust like the other box does? WifiShadow 23:31, August 11, 2010 (UTC):NM again I just substituted

With 


 * The Common.css code I posted above is adding a border and rounds the corners a bit. Since you are using the style option instead on your test pages, you can replace the Common.css I posted with just this:

 div.linebox { background: url(/skins/monaco/carbon/images/background.gif); background-repeat:repeat; }


 * That will just add the background, to keep it simple. -- 00:03, August 12, 2010 (UTC)


 * I like the boarders, but will keep the code in mind. Next question, I have an alignment problem. I know how to do left and right columns, but how do I do 4 25% columns? WifiShadow 00:36, August 12, 2010 (UTC)
 * To keep your current layout you need width: 100% because they are currently inside table cells ( that is what Box1 start and Box2 start does ) -- 01:13, August 12, 2010 (UTC)