1 Replies - 528 Views - Last Post: 27 October 2008 - 03:46 PM

#1 WhiteFang  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 1
  • View blog
  • Posts: 105
  • Joined: 20-April 08

Add a third Column to this page?

Post icon  Posted 25 October 2008 - 12:16 PM

Hi, could someone help me put a third column into this page, I need it so that I can put ads at the right hand side of the page, thanks, heres the page code -

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] $WT_PageName</title>
$headinclude
</head>
<body>

$header
$navbar
$nowbrowsing
<table width="520" border="0" cellspacing="0" cellpadding="0">

<tr>
  <td width="170" valign="top"> 
   <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="0">
	
<div id="vertmenu">
<h1>Latest Episodes</h1>
<ul>
<li><a href="http://www.konoha-village.com/view.php?pg=ship80">Episode 80</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship79">Episode 78 & 79</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship77">Episode 76 & 77</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship75">Episode 75</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship74">Episode 74</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship73">Episode 73</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship72">Episode 72</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship71">Episode 71</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship70">Episode 70</a></li>
</ul>
</div>

<div id="vertmenu">
<h1>Shippuuden</h1>
<ul>
<li><a href="http://www.konoha-village.com/view.php?pg=ship1">Episode 1 & 2</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship3">Episode 3</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship4">Episode 4</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship5">Episode 5</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship6">Episode 6 & 7</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship8">Episode 8 & 9</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship10">Episode 10</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship11">Episode 11</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship12">Episode 12</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship13">Episode 13</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship14">Episode 14</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship15">Episode 15</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship16">Episode 16</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship17">Episode 17</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship18">Episode 18</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship19">Episode 19</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship20">Episode 20</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship21">Episode 21</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship22">Episode 22 & 23</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship24">Episode 24</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship25">Episode 25</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship26">Episode 26</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship27">Episode 27</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship28">Episode 28</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship29">Episode 29 & 30</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship31">Episode 31</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship32">Episode 32</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship33">Episode 33</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship34">Episode 34</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship35">Episode 35</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship36">Episode 36 & 37</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship38">Episode 38</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship39">Episode 39</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship40">Episode 40 & 41</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship42">Episode 42</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship43">Episode 43</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship44">Episode 44</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship45">Episode 45</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship12">Episode 12</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship46">Episode 46</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship47">Episode 47</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship48">Episode 48</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship49">Episode 49</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship50">Episode 50</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship51">Episode 51 & 52</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship53">Episode 53 & 54</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship55">Episode 55</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship21">Episode 21</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship56">Episode 56</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship57">Episode 57 & 58</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship59">Episode 59</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship60">Episode 60</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship61">Episode 61</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship62">Episode 62</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship63">Episode 63</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship65">Episode 64 & 65</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship66">Episode 66</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship67">Episode 67</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship69">Episode 68 & 69</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship70">Episode 70</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship71">Episode 71</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship72">Episode 72</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship73">Episode 73</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship74">Episode 74</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship75">Episode 75</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship77">Episode 76 & 77</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship79">Episode 78 & 79</a></li>
<li><a href="http://www.konoha-village.com/view.php?pg=ship80">Episode 80</a></li>
</ul>
</div>
</table>

		

 </td>
<td width="0"><input type="image" src="$vboptions[cleargifurl]" width="0" height="1"></td>
  
<td valign="top"> <table cellpadding="10" cellspacing="$stylevar[cellspacing]" width="520">
<thead>
	
 
 <tr> 
  
	<TD BGCOLOR="#202020">	<div class="normalfont">
$includedtemplate
	  </div> 
  </td>
 </tr>

  <!--Removed Html "Page Created/Last visitor etc"-->

</thead>

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


 $footer
<tr> 
  <td class="thead" align="left"> Page 
	  Visitors: <b>$count</b>, Last Visitor was $WT[lastvisitorname] 
	  at $WT[lastvisitdate]. $WT_Editor_link<br>
	  Page Created at <b>$creationdate</b>, Last Modified 
	  : <b>$lasteditdate</b>.</td>
 </tr>
<script src="chrisdomroll.js">

/****************************************************
* DOM Image rollover v3.0: By Chris Poole http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
****************************************************/

</script>
</body>
<style type="text/css">

#vertmenu {




font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 150px;
padding: 0px;
margin: 0px;
}












#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:149px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;


display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #949493;
width:150px;

}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #FF9900;
}

</html>


Is This A Good Question/Topic? 0
  • +

Replies To: Add a third Column to this page?

#2 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 1148
  • View blog
  • Posts: 7,148
  • Joined: 07-September 06

Re: Add a third Column to this page?

Posted 27 October 2008 - 03:46 PM

Okay, I stripped out a ton of stuff, mostly because I had some trouble seeing what went where, and it looked messy. Here is something (with most contend stripped) that has 3 columns.

<table width="520" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td width="170" valign="top"> 
	  <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="0">
		<tr>
		  <td>
			<div id="vertmenu">
			  <h1>Latest Episodes</h1>
			  <ul>
				<li><a href="http://www.konoha-village.com/view.php?pg=ship80">Episode 80</a></li>
				<li><a href="http://www.konoha-village.com/view.php?pg=ship79">Episode 78 & 79</a></li>
				<li><a href="http://www.konoha-village.com/view.php?pg=ship70">Episode 70</a></li>
			  </ul>
			</div>

			<div id="vertmenu">
			  <h1>Shippuuden</h1>
			  <ul>
				<li><a href="http://www.konoha-village.com/view.php?pg=ship1">Episode 1 & 2</a></li>
				<li><a href="http://www.konoha-village.com/view.php?pg=ship3">Episode 3</a></li>
			  </ul>
			</div>
		  </td>
		</tr>
	  </table>
	</td>
	<td width="0">
	  <input type="image" src="$vboptions[cleargifurl]" width="0" height="1">
	</td>
	<td valign="top">
	  <div class="normalfont">
		$includedtemplate
	  </div> 
	</td>
	<td valign="top" width="100px">
	  <div>
		This is some text for the third column, it is only 100 pixels wide.
	  </div>
	</td>
  </tr>
</table>


Hope that helps.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1