I was wondering if some one could help me. This is what I have done.
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a>
<a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a>
<div id="navigation-menu" class="ui-helper-clearfix">
<ul role="navigation">
{foreach $[navigation.menu]}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}
</ul>
<p id="welcome">
{if !$[current_user.is_member]}
Welcome Guest.
{if $[login_link] || $[register_link]}
Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link].
{/if}
{else}
<script type="text/javascript">
/* Greetings script */
document.write("<span>");
var day = new Date();
var hr = day.getHours();
if (hr == 0) {document.write("The Witching Hour");}
if (hr == 1) {document.write("You survived the Witching Hour");}
if (hr == 2) {document.write("Do you ever sleep");}
if (hr == 3) {document.write("Are you a vampire");}
if (hr == 4) {document.write("So you up early or late");}
if (hr == 5) {document.write("You know the sun ain't up yet");}
if (hr == 6) {document.write("You're up very early");}
if (hr == 7) {document.write("It's still early");}
if (hr == 8) {document.write("Good morning");}
if (hr == 9) {document.write("Don't be late");}
if (hr == 10) {document.write("Time for a morning break");}
if (hr == 11) {document.write("Morning");}
if (hr == 12) {document.write("Good afternoon");}
if (hr == 13) {document.write("Don't forget to grab lunch");}
if (hr == 14) {document.write("Afternoon");}
if (hr == 15) {document.write("Take a break and stretch");}
if (hr == 16) {document.write("Afternoon tea time");}
if (hr == 17) {document.write("It's happy hour");}
if (hr == 18) {document.write("Good evening");}
if (hr == 19) {document.write("Dinner time");}
if (hr == 20) {document.write("Time to relax");}
if (hr == 21) {document.write("The night is still young");}
if (hr == 22) {document.write("Time for bed");}
if (hr == 23) {document.write("You're up late");}
document.write("</span> —");
</script><span> $[current_user.name].</span> $[logout_link]
{/if}
</p><span> $[current_user.name].</span> $[logout_link]
{/if}
</p>
</div>
</header>
$[participated_threads_link]
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]
</div>
{/if}
$[header]
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
$[shoutbox]
</div>
$[footer]
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
</a>
</li>
{/foreach}
</ul>
<p id="welcome">
{if !$[current_user.is_member]}
Welcome Friend. Please $[login_link] or $[register_link].
{else}
<script type="text/javascript">
