LDRC PREMIUM BETA MODUAL DESIGN TUTORIAL

This tutorial is provided by the ldrc premium staff sin of sc designz
and is not in any way to be duplicated by any other design site or league help site.

Step 1: Login the ADMIN control panel of the league
Step 2: Scroll down to LEAGUE SETTINGS (look and feel)

now to explain the image above.

Area 1 ( EDIT MODULE(S) )
when you click on that link, an area will drop down to the right with the following links
Front Page Top
Front Page Top Right
Front Page Bottom Right
Standings Top
Tournaments Top
Tournaments Side
Community Top
Community Side
Community Side Bottom
Support Top

pretty self explainatory to what module controls what in the beta area.

below are widths that should be set in each module when creating your own custom area

Area 4 (MODULES)

Front Page Top
set your main table to 100%, your inside table(s) should not exceed 600px in width

this area should be for your welcome area (league news, monthly special tourneys etc)

Front Page Top Right
set your main table to 100%, your inside table(s) should not exceed 275px in width

add in your extra backdoors here if your a league with multiple games, staff with email links, TD application link

Front Page Bottom Right
set your main table to 100%, your inside table(s) should not exceed 275px in width

show your leagues supports, list all the premium members here

standings Top
set your main table to 100%, your inside table(s) should not exceed 600px in width

Tournaments Top
set your main table to 100%, your inside table(s) should not exceed 600px in width

can use this area for league awards

Tournaments Side
set your main table to 100%, your inside table(s) should not exceed 300px in width

list your toc, bots and other important tourneys time / date here

Community Top
set your main table to 100%, your inside table(s) should not exceed 600px in width

you have a large area here that can be used for anything

Community Side
set your main table to 100%, your inside table(s) should not exceed 275px in width

Community Side Bottom
set your main table to 100%, your inside table(s) should not exceed 275px in width

Support Top

set your main table to 100%, your inside table(s) should not exceed 600px in width

use this area to set your leagues rules in and contact info in

----------------------------------------------

- TABLE CODES -
just copy and paste these to use them. change the background colors and insert your background image url where the default one in the tables are

sample table code

blah blah blah

COPY/PASTE TO USE

----------------------------------------------

TABLE CODE
can be used for awards table, staff table or anything else

blah blah blah	blah blah blah	blah blah blah
blah blah blah	blah blah blah	blah blah blah
blah blah blah	blah blah blah	blah blah blah
blah blah blah	blah blah blah	blah blah blah

COPY AND PASTE CODE BELOW

<table border="0" width="100%" style="margin: 0px auto" background="http://www.yoursite.com/bkmain.jpg">
	<tbody>
		<tr>
		 <td align="center">
		 
		  
			<table border="0" style="background: #5c973b; width: 100%; text-align: center; border: #023401 2px solid; padding: 2px">
				<tbody>
					<tr>
						<td align="center">
							
						<br /> 
						   
						   
                           <table border="0" style="width: 600px; text-align: center; border: #023401 2px solid; padding: 7px">
							<tbody>
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									 
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									 
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									 
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									 
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 190px; text-align: center; border: 5px solid">
									<p style="font-size: small">
									blah blah blah<br />
									  
									</p>
									</td>
								</tr>
							</tbody>
						</table> 
						
						<br />	  
			</td>
		</tr>
	</tbody>
</table>

		   </td>
		</tr>
	</tbody>
</table>

----------------------------------------------

Staff table code
use this to put your admin names and email contacts in

Staff Title	Staff Name
Staff Title	Staff Name
Staff Title	Staff Name
Staff Title	Staff Name
Staff Title	Staff Name
Staff Title	Staff Name
Staff Title	Staff Name

COPY AND PASTE CODE BELOW

<table border="0" width="100%" style="margin: 0px auto" background="http://www.yoursite.com/bkmain.jpg">
	<tbody>
		<tr>
		 <td align="center">
		 
		  
			<table border="0" style="background: #5c973b; width: 100%; text-align: center; border: #023401 2px solid; padding: 2px">
				<tbody>
					<tr>
						<td align="center">
							
						<br /> 
						   
						   
                           <table border="0" style="width: 275px; text-align: center; border: #023401 2px solid; padding: 2px">
							<tbody>
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
								
								<tr>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: left; border: 2px solid">
									<p style="font-size: small">
									Staff Title<br />
									</p>
									</td>
									<td valign="top" style="background-image: url('http://www.yoursite.com/inner2.jpg'); width: 137px; text-align: center; border: 2px solid">
									<p style="font-size: small">
									<A href="mailto:youremail@yahoo.com">Staff Name</a><br />
									</p>
									</td>
								</tr>
							</tbody>
						</table> 
						
						<br />	  
			</td>
		</tr>
	</tbody>
</table>

		   </td>
		</tr>
	</tbody>
</table>

----------------------------------------------

Area 2 (TEMPLATE AREA)

click EDIT SITE TEMPLATE to change the THEME colors of your site
you can not change these yourself.. they have set pre loaded THEMES for you to choose from for now

----------------------------------------------

Area 3 (SITE HEADER)

click on EDIT SITE HEADER to upload your logo
* logo size 995px by 125px

----------------------------------------------

Part 2 of tutorial (Part 2 click here)

----------------------------------------------

Beta Tutorial written by staff admin Sin (SC Designz) of the LDRC Premium Beta Area and is copyright to the LDRC Premium site.
Click below to visit our site and see how we can make your pages come to life.
LDRC PREMIUM BETA AREA