Custom Menu and Template
Click here to load previous postings.
Notice
This topic is archived. New comments cannot be posted and votes cannot be cast.Responses to this topic
1 Re: Custom Menu and Template
mistix
OP
0
From: -
From: -
1 Re: Custom Menu and Template
Philipp
From: Vienna, Austria
Administrator
1340From: Vienna, Austria
Custom Menu and Template
You are looking for the templates login_header_anon (login info), news_subheader (date) and news (news). If you view the source code of the page you find the template names as comment outs.
You are looking for the templates login_header_anon (login info), news_subheader (date) and news (news). If you view the source code of the page you find the template names as comment outs.
1 Re: Custom Menu and Template
mistix
OP
0
From: -
From: -
Custom Menu and Template
Wow!, Brilliant job there!
This stuff is great, I like it because it seems to be built specifically for review sites!
Just another thing though, the boxes now in the middle, where is the code for these tables/boxes?
Wow!, Brilliant job there!
This stuff is great, I like it because it seems to be built specifically for review sites!
Just another thing though, the boxes now in the middle, where is the code for these tables/boxes?
1 Re: Custom Menu and Template
Philipp
From: Vienna, Austria
Administrator
1340From: Vienna, Austria
Custom Menu and Template
I assume some whitespace characters broke the templates
I posted both templates here:
http://www.esselbach.com/scripts/mistix/site_header.tmp.php.txt
http://www.esselbach.com/scripts/mistix/site_footer.tmp.php.txt
Save both template using right mouse button "save target as" option. Then rename site_header.tmp.php.txt to site_header.tmp.php and site_footer.tmp.php.txt to site_footer.tmp.php. Finally, upload both templates with your FTP client (using ASCII mode) to your /templates directory.
Let me know if there is any problem.
I assume some whitespace characters broke the templates
I posted both templates here:
http://www.esselbach.com/scripts/mistix/site_header.tmp.php.txt
http://www.esselbach.com/scripts/mistix/site_footer.tmp.php.txt
Save both template using right mouse button "save target as" option. Then rename site_header.tmp.php.txt to site_header.tmp.php and site_footer.tmp.php.txt to site_footer.tmp.php. Finally, upload both templates with your FTP client (using ASCII mode) to your /templates directory.
Let me know if there is any problem.
1 Re: Custom Menu and Template
mistix
OP
0
From: -
From: -
Custom Menu and Template
If you look now, there is no header visible, any ideas?
If you look now, there is no header visible, any ideas?
1 Re: Custom Menu and Template
mistix
OP
0
From: -
From: -
Custom Menu and Template
I am really confused now, I can't understaznd why all the actual data boxes are at the bottom...?
Any ideas?
I am really confused now, I can't understaznd why all the actual data boxes are at the bottom...?
Any ideas?
1 Re: Custom Menu and Template
Philipp
From: Vienna, Austria
Administrator
1340From: Vienna, Austria
Custom Menu and Template
Here an example based on your current layout
site_header:
site_footer:
Here an example based on your current layout
site_header:
<?php
global $insert;
$EST_TEMPLATE = <<<TEMPLATE
<!-- Template site_header -->
<html>
<head>
<title>$insert[page_title]</title>
<meta name="GENERATOR" content="Esselbach Storyteller CMS System - http://www.esselbach.com" />
<meta name="KEYWORDS" content="$insert[page_keywords]" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<link rel="alternate" title="RSS news feed" href="https://www.contentteller.com/$insert[site_url]/backend.php" type="application/rss+xml" />
<style type="text/css">
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, sans-serif
}
BODY {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, sans-serif
}
</style>
</head>
<style type="text/css">
<!--
.style9 {font-size: medium}
-->
</style>
</head>
<script language="javascript">
var data, p;
var agt=navigator.userAgent.toLowerCase();
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)
if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
document.write('<a href="https://www.contentteller.com/ http://www.darkcounter.com/stats" target="_blank" >');
document.write('<img border=0 hspace=0 '+'vspace=0 src="https://www.contentteller.com/ http://www.darkcounter.com/stats/counter.php?i=9663' + data + '"> </a>');
</script>
<body bgcolor="#CCCCCC">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="90">
<param name="movie" value="TMS_468x60.swf">
<param name="quality" value="high">
<embed src="https://www.contentteller.com/TMS_468x60.swf" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1" height="1"></embed>
</object>
<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ACB7B1" width="10"><img src="../Images/TitleLeft.jpg" /></td>
<td bgcolor="#ACB7B1" width="180" background="../Images/TitleMiddle.jpg"></td>
<td bgcolor="#ACB7B1" width="10"><img src="../Images/TitleLeftRight.jpg" /></td>
<td width="10"></td>
<td bgcolor="#8C9B93" colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="../Images/TitleLeft.jpg" /></td>
<td background="../Images/TitleMiddle.jpg"><img vspace="10" hspace="5" src="https://www.contentteller.com/Images/Logo.gif" /></td>
<td width="400"><img src="../Images/TitleRight.jpg" /></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3" bgcolor="#D8DEDB" valign="top" style="padding: 10px;">
<style type="text/css">
<!--
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style2 {color: #FF0000}
-->
</style>
<table width="153" border="0" cellpadding="0" cellspacing="0" bgcolor="#ACB7B1">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" width="10" height="25" /></td>
<td width="160" valign="bottom" background="../Images/TopTiled.gif" class="Title"><strong>Games</strong></td>
<td width="10"><img src="../Images/TopTiled.gif" width="10" height="25" /></td>
</tr>
<tr>
<td width="10"> </td>
<td width="160" class="Content style1"> <img src="../Images/LightGreen.jpg" width="5" height="14" /><a href="../Gaming/gaming.php">Gaming</a><br> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"></td>
<td width="160"></td>
<td width="10"><img src="../Images/BottomRounded.gif" width="10" height="10" /></td>
</tr>
</table>
<div style="height: 10px;"></div>
<br>
<table width="153" border="0" cellpadding="0" cellspacing="0" bgcolor="#ACB7B1">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" width="10" height="25" /></td>
<td width="160" valign="bottom" background="../Images/TopTiled.gif" class="Title"><strong>Hardware</strong></td>
<td width="10"><img src="../Images/TopTiled.gif" width="10" height="25" /></td>
</tr>
<tr>
<td width="10"> </td>
<td width="160" class="Content"> <p><img src="../Images/LightGreen.jpg" width="5" height="14" /><a href="../Cellular/Cellular.php">Cellular</a><br>
</span><span class="style1"><img src="../Images/LightGreen.jpg" /><a href="../Laptop/Laptop.php">Laptop</a><br />
<img src="../Images/LightGreen.jpg" /><a href="../PC/PC.php">Computer Hardware</a></span></p> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"></td>
<td width="10"></td>
<td width="10"><img src="../Images/BottomRounded.gif" /></td>
</tr>
</table>
<div style="height: 10px;"></div>
<table width="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ACB7B1">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" /></td>
<td width="160" valign="bottom" background="../Images/TopTiled.gif" class="Title"><strong>Gadgets</strong></td>
<td width="10"><img src="../Images/TopTiled.gif" /></td>
</tr>
<tr>
<td width="10"> </td>
<td width="160" class="Content"> <img src="../Images/LightGreen.jpg" /><a href="../Gadgets/Gadgets.php">Gadgets</a></span> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"></td>
<td width="160"></td>
<td width="10"><img src="../Images/BottomRounded.gif" /></td>
</tr>
</table>
<div style="height: 10px;"></div>
<table width="153" border="0" cellpadding="0" cellspacing="0" bgcolor="#ACB7B1">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" /></td>
<td width="160" valign="bottom" background="../Images/TopTiled.gif" class="Title"><strong>Community </strong></td>
<td width="10"><img src="../Images/TopTiled.gif" /></td>
</tr>
<tr>
<td width="10"> </td>
<td width="160" class="Content"> <p><img src="../Images/LightGreen.jpg" /> <a href="https://www.contentteller.com/ http://www.mistix.co.uk/Community" class="style2">Community / Forum</a><br>
<img src="../Images/LightGreen.jpg" /> <a href="../Menu/contact.php">Contact us </a></span><span class="style1"><br />
<img src="../Images/LightGreen.jpg" /> <a href="../Menu/join.php">Request a Review</a></span></p> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"></td>
<td width="160"></td>
<td width="10"><img src="../Images/BottomRounded.gif" /></td> </tr>
</table>
<p>
<SCRIPT type='text/javascript' language='JavaScript' src=' http://xslt.alexa.com/site_stats/js/t/a?url=www.mistix.info'></SCRIPT>
</p>
<!--WEBBOT bot="HTMLMarkup" startspan ALT="Counted! Safe-Code" --><!-- Start of Counted! Safe-Code - Do NOT change! -->
<p>
<script language="JavaScript">
<!--
jsv=1;
//-->
</script>
<script language="JavaScript1.1">
<!--
jsv=2;
//-->
</script>
<script language="JavaScript1.2">
<!--
jsv=3;
//-->
</script>
<script language="JavaScript1.3">
<!--
jsv=4;
//-->
</script>
<script language="JavaScript">
<!--
if(jsv>0){r=document.referrer;
nav=navigator.appCodeName;
if(navigator.appName.substring(0,9)=="Microsoft"){nav="MSIE";}
jae=0;sc=0;pix=0;sw=0;plug=0;d=new Date;h=d.getHours()+1;}
if(jsv>1){jae=(navigator.javaEnabled() == true)?"1":"0";
if(nav=="Mozilla"){if(navigator.plugins.length>0){
plug=escape(navigator.plugins[0].name);
for(i=1;i<navigator.plugins.length;i++){
plug=plug+"&"+escape(navigator.plugins.name);}}}}
if(jsv>2){sw=screen.width;pix=sw*screen.height;
sc=(nav=="MSIE")?screen.colorDepth:screen.pixelDepth;}
document.write("<a href="https://www.contentteller.com/ http://bilbo.counted.com:80/7/61805/"");
document.write(" target="_top">");
document.write("<img src="https://www.contentteller.com/ http://bilbo.counted.com:80/0/61805/");
document.write(h, "/", jsv,"/",jae,"/",sc,"/",pix,"/",sw,"/",plug,"/?",r);
document.write("" width=88 height=31 alt="Vote");
document.write(" for this Site!" border=0>");
document.write("</a><br>");
//-->
</script>
</p>
<noscript>
<p><a href="https://www.contentteller.com/ http://bilbo.counted.com:80/7/61805/" target="_top"><img src="https://www.contentteller.com/ http://bilbo.counted.com:80/0/61805/"
width=88 height=31 alt="Vote for this Site!" border=0></a>
</p>
</noscript>
<p>
<!-- End of Counted! Safe-Code -->
<!--WEBBOT bot="HTMLMarkup" Endspan -->
<script type="text/javascript"><!--
google_ad_client = "pub-1297384105586648";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_channel ="";
//--></script>
<script type="text/javascript"
src="https://www.contentteller.com/ http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p></p>
</td>
<td></td>
<td valign="top" width="460" bgcolor="#D8DEDB" style="background-image:url(../Images/BackgroundRoundedBottom.gif);background-repeat:no-repeat;background-position:bottom right;">
<table width="500" height="579" border="0" cellpadding="10" cellspacing="0">
<tr>
<td width="500" bgcolor="#ACB7B1" style="background-image:url(../Images/BackgroundRoundedDark.gif);background-repeat:no-repeat;background-position:top right;"> </td>
</tr>
<tr>
<td><table bgcolor="#ACB7B1" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" /></td>
<td width="<h5><h1>420</h1></h5>" valign="bottom" background="../Images/TopTiled.gif">250GB External HDD!</td>
<td width="10"><img src="../Images/TopTiled.gif" /></td>
</tr>
<tr>
<td width="10"></td>
<td width="175" class="Content" style="padding-top: 8px;">
<p><a href="https://www.contentteller.com/PC/SimpleDrive%20Deluxe%20External.php"><img src="https://www.contentteller.com/Simpledrive.gif" width="175" height="187" border="0"></a></p></td>
<td width="10"></td>
</tr>
<tr>
<td width="10"></td>
<td width="10"></td>
<td width="10"><img src="../Images/BottomRounded.gif" /></td>
</tr>
</table>
<hr>
<p>
<div id="content" class="narrowcolumn">
TEMPLATE;
?>
site_footer:
<?php
global $insert;
$EST_TEMPLATE = <<<TEMPLATE
<!-- Template site_footer -->
</div>
</p> </td>
</tr>
</table>
</td>
<td bgcolor="#ACB7B1" width="220" valign="top">
<table width="220" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="#8C9B93" valign="top" style="padding: 10px;">
<a href="mailto:Toby@mistix.info">
<table bgcolor="#BAC2BE" width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="../Images/NavTopLeft.gif" width="10" height="25" /></td>
<td background="../Images/NavTopMiddle.gif" class="Title" valign="bottom">Navigation</td>
<td width="10"><img src="../Images/NavTopRight.gif" width="10" height="25" /></td>
</tr>
<tr>
<td colspan="3" height="10"></td>
</tr>
<tr>
<td> </td>
<td><table bgcolor="#DEE3E1" width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4" height="4"><img src="../Images/NavInnerTopLeft.gif" width="4" height="4" /></td>
<td width="172"></td>
<td width="4" height="4"><img src="../Images/NavInnerTopRight.gif" width="4" height="4" /></td>
</tr>
<tr>
<td colspan="3" width="180" height="200" style="padding: 5px 0px;"><table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5" height="14"><img src="../Images/LightRed.jpg" width="5" height="14" /></td>
<td width="170" bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="https://www.contentteller.com/ http://www.mistix.co.uk">Home/ Technology news </a></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
<tr>
<td width="5" height="14"><img src="../Images/LightGreen.jpg" width="5" height="14" /></td>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="../Menu/archives.php">Archive</a></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
<tr>
<td width="5" height="14"><img src="../Images/LightGreen.jpg" width="5" height="14" /></td>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="../Menu/About.php">About us / Info </a></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
<tr>
<td width="5" height="14"><img src="../Images/LightGreen.jpg" width="5" height="14" /></td>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="../Menu/affiliates.php">Affiliates</a></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
<tr>
<td width="5" height="14">
</tr>
<tr>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';">
<tr>
<td width="5" height="14"><img src="../Images/LightGreen.jpg" width="5" height="14" /></td>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="../Menu/join.php">Join</a></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
<tr>
<td width="5" height="14"><img src="../Images/LightGreen.jpg" width="5" height="14" /></td>
<td bgcolor="#D3D9D7" class="Menu" onMouseOver="this.style.background='#BAC2BE';" onMouseOut="this.style.background='#D3D9D7';" onClick="window.location='#';"><a href="../Menu/contact.php">Contact us </a>
<tr>
<td colspan="2" height="10"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="4" height="4"><img src="../Images/NavInnerBottomLeft.gif" width="4" height="4" /></td>
<td></td>
<td width="4" height="4"><img src="../Images/NavInnerBottomRight.gif" width="4" height="4" /></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td><img src="../Images/NavBottomLeft.gif" width="10" height="10" /></td>
<td></td>
<td><img src="../Images/NavBottomRight.gif" width="10" height="10" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td height="7" bgcolor="#D8DEDB" colspan="3"></td>
</tr>
<tr>
</tr>
<tr>
<td height="228" colspan="3">
<table width="220" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td width="10"><img src="../Images/TopRounded.gif" width="10" height="25" /></td>
<td width="200" background="../Images/TopTiled.gif" class="Title" valign="bottom">Affiliates</td>
<td width="10"><img src="../Images/MenuRightRounded.gif" width="10" height="25" /></td>
</tr>
<tr align="left" valign="top">
<td height="228" colspan="3"><p> <A HREF=" http://www.amazon.co.uk/exec/obidos/redirect-home?tag=mistipchardwv-21&site=software"><IMG SRC="../includes/home_software.gif" alt="In Association with Amazon.co.uk" width="120" height="60" BORDER="0" ></a> <A HREF=" http://www.amazon.co.uk/exec/obidos/redirect-home?tag=mistipchardwv-21&site=software"><br>
<!--START MERCHANT:Game Tart Ltd from affiliatewindow.com.-->
<script language="javascript">
var uri = ' http://impgb.tradedoubler.com/imp/img/154900/1082442?' + new String (Math.random()).substring (2, 11);
document.write('<a href="https://www.contentteller.com/ http://clkuk.tradedoubler.com/click?p=15654&a=1082442&g=154900" target="_blank"><img src="https://www.contentteller.com/'+uri+'" border=0></a>');
</script>
</a>
<script language="javascript">
var uri = ' http://impgb.tradedoubler.com/imp/img/840844/1082442?' + new String (Math.random()).substring (2, 11);
document.write('<a href="https://www.contentteller.com/ http://clkuk.tradedoubler.com/click?p=18461&a=1082442&g=840844" target="_blank"><img src="https://www.contentteller.com/'+uri+'" border=0></a>');
</script>
<noscript><iframe src="https://www.contentteller.com/ http://www.awin1.com/awshow.php?mid=700&gid=10429&aid=50011&iframe=1&target=blank" width=468 height=60 frameborder=0 border=0 scrolling=no marginheight=0 marginwidth=0></iframe></noscript>
<a href="https://www.contentteller.com/ http://www.awin1.com/awclick.php?mid=700&linkid=17626&id=50011" target="_blank"> </a>
</p> <!--START MERCHANT:My First Chopper from affiliatewindow.com.--> <script language="JavaScript" src="https://www.contentteller.com/ http://www.awin1.com/awshow.php?mid=700&gid=10431&aid=50011"></script><noscript><iframe src="https://www.contentteller.com/ http://www.awin1.com/awshow.php?mid=700&gid=10431&aid=50011&iframe=1&target=blank" width=468 height=60 frameborder=0 border=0 scrolling=no marginheight=0 marginwidth=0></iframe></noscript> <!--START MERCHANT:My First Chopper from affiliatewindow.com.--><!--START MERCHANT:merchant name My First Chopper from affiliatewindow.com.-->
<a href="https://www.contentteller.com/ http://www.awin1.com/awclick.php?mid=700&linkid=21182&id=50011" target="_blank"> </a>
<!--END MERCHANT:merchant name My First Chopper from affiliatewindow.com--> </td>
</tr>
</table> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#ACB7B1" height="20"></td>
<td></td>
<td colspan="2" bgcolor="#ACB7B1"><a href="mailto:Toby@mistix.co.uk">Copyright MisTiX </a> Tech news, Gadget news, PC Reviews. Cool stuff reviewed!
</td>
</tr>
</table>
<!-- Copyright Notice -->
$insert[powered_by]
<!-- Copyright Notice -->
</body>
</html>
TEMPLATE;
?>
1 Re: Custom Menu and Template
mistix
OP
0
From: -
From: -
Custom Menu and Template
Ok, looking good so far, a lot of messing around trying to get it going. I realised that I was editing the totally wrong thing, then it became a breeze.
I have now near... completed working on the header, but I am confused by the footer, how do I incorperate it into the main theme? At the moment, it is at the bottom below, here, check it out for yourself...
http://www.mistix.co.uk/storyteller-172b-free/upload/
I look forward to reading your reply.
Ok, looking good so far, a lot of messing around trying to get it going. I realised that I was editing the totally wrong thing, then it became a breeze.
I have now near... completed working on the header, but I am confused by the footer, how do I incorperate it into the main theme? At the moment, it is at the bottom below, here, check it out for yourself...
http://www.mistix.co.uk/storyteller-172b-free/upload/
I look forward to reading your reply.
1 Re: Custom Menu and Template
Philipp
From: Vienna, Austria
Administrator
1340From: Vienna, Austria
Custom Menu and Template
You can change the entire layout with the templates. It is even possible to port your current layout to Storyteller.
There are two main templates:
site_header
This template include everything (left menu etc.) before the news in the middle part
site_footer
This template include everything after the middle part
You find the templates in cadmin under Templates => Edit. Try it out and let me know if you have any questions.
You can change the entire layout with the templates. It is even possible to port your current layout to Storyteller.
There are two main templates:
site_header
This template include everything (left menu etc.) before the news in the middle part
site_footer
This template include everything after the middle part
You find the templates in cadmin under Templates => Edit. Try it out and let me know if you have any questions.
Ok, looking around the individual files, isn't there one template for all of them?
I want to make it like this for each template...
<table bgcolor="#ACB7B1" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="../Images/TopRounded.gif" /></td>
<td width="<h5><h1>420</h1></h5>" valign="bottom" background="../Images/TopTiled.gif">Title</td>
<td width="10"><img src="../Images/TopTiled.gif" /></td>
</tr>
<tr>
<td width="10"></td>
<td width="175" class="Content" style="padding-top: 8px;">
<p>Content</p></td>
<td width="10"></td>
</tr>
<tr>
<td width="10"></td>
<td width="10"></td>
<td width="10"><img src="../Images/BottomRounded.gif" /></td>
</tr>
</table>