Editing Club Layout Guide

Three Boxes in One Row

One Box on Left with link:

<div class='holder'>
<div class='thirdboxleft'><div class='padbox'>
Text 1<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>

One Box on Left without Link:

<div class='thirdboxleft'><div class='padbox'>
text 2
</div></div>


One Box in Center with Link:

<div class='thirdboxcenter'><div class='padbox'>
text 2<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>

One Box in Center without Link:

<div class='thirdboxcenter'><div class='padbox'>
text 2
</div></div>

One Box on Right with Link:

<div class='thirdboxright'><div class='padbox'>
text 3<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>

One Box on Right without Link:

<div class='thirdboxright'><div class='padbox'>
text 3
</div></div>



Two boxes in One Row
One box on Left with link:

<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>

One Box on Right with link:

<div class='halfboxright'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div></div>

One Bow in One Row
One box on left without link:

<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
</div></div></div>

One Box on right without link:
<div class='holder'>
<div class='halfboxright'><div class='padbox'>
</div></div></div>

One whole Box with link:
<div class='holder'>
<div class='widebox'><div class='padbox'>
<a href='http://www.marapets.com'>test link</a>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div>

One whole box without link:

<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div>

Scrolling Text (Marquee):

<marquee id='scroller'>
Scrolling text
</marquee>

To Change Background Height:

background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:200px;
}
*Change whatever number is in the 200!!*