So ive been messing around with advanced layout. I decided i wanted to just edit the "content" section. ( i love how the rest of the site is really )

I wanted to add graphics around it(as a border), but first i edited the css to give it some color.

First problem: Part of my copyright has vanished ( no longer says copyrighted Gamma Terra bla bla )
Second problem: it no longer gives the option to view more than 5 news items.( if the user can only see 5 )

My main goal would be to add the following files as a bordered image around my content window.










Ive prob messed up in my css ( most likely alot )

Ive attached my css and layout file
Any help would be greatly appreciated!! ( my brain iss having a break for a while )

In Order to have a border around the content, you need to place an additional Table around the <!-- System:Content --> tag. THis will be made slightly more confusing by the fact that I'm assuming you do NOT want the border surrounding the CountDown and Copyright. So here's what it should look like.


Specifically, find the <td></td> that contains those 3 tags (Content, Countdown, Copyright), and replace the whole <td> tag with this:


<td valign=top style="Padding:0px;" align=center>
<Table style="Margin: 0px; Width: 100%; Height: 100%" cellpadding="0" cellspacing="0">
<Tr>
<td>
<center>
<span class=CountDown>
<!-- System:CountDown -->
</span>
</center>
</td>
</Tr>
<Tr>
<td>
<Table style="Width: 100%; Height: 100%" cellpadding="0" cellspacing="0">
<Col style="Width: 36px"><Col><Col style="Width: 36px">
<Tr style="Height: 43px">
<td style="background-image: url('http://dkpfiles.com/gt/files/tlc.jpg'); background-repeat: no-repeat"></td>
<td style="background-image: url('http://dkpfiles.com/gt/files/top.jpg'); background-repeat: repeat-x"></td>
<td style="background-image: url('http://dkpfiles.com/gt/files/trc.jpg'); background-repeat: no-repeat"></td>
</Tr>
<Tr>
<td style="background-image: url('http://dkpfiles.com/gt/files/left.jpg'); background-repeat: repeat-y"></td>
<td><!-- System:Content --></td>
<td style="background-image: url('http://dkpfiles.com/gt/files/right.jpg'); background-repeat: repeat-y"></td>
</Tr>
<Tr style="Height: 43px">
<td style="background-image: url('http://dkpfiles.com/gt/files/blc.jpg'); background-repeat: no-repeat"></td>
<td style="background-image: url('http://dkpfiles.com/gt/files/bottom.jpg'); background-repeat: repeat-x"></td>
<td style="background-image: url('http://dkpfiles.com/gt/files/brc.jpg'); background-repeat: no-repeat"></td>
</Tr>
</Table>
</td>
</Tr>
<Tr>
<td>
<center>
<span class=copyright>
<!-- System:Copyright -->
</span>
</center>
</td>
</Tr>
</Table>
</td>


[Edit] YIKES!!! The Code tag ignores all my formatting. Sorry it's not all neat and pretty. Anyway, I hope it helps.

Thanks so much! This'll help me with putting a designed border around my menu's

Slight problem( most likely on myside )
I notice when i click (using as an example) "Roster" it'll only show the colored background for some of my page.

Any pointers to fix this?

Yeah... In the default .CSS file he has class called ".List". It has a variety of style values on it, however you can add one more. Just add this line somewhere between the {}.

Width: 100%;

It should look like this, but with more values:


.List {
Width: 100%;
}


***Keep in mind. He uses this .List class for a lot of things, so it will modify far more than just your Roster tab. I did this as well on my site. I liked the look though, so I don't mind that it affects everything.