Im am trying to create a custom PHP code on SMF v1.1.1
My task:
To get my HTML to be the same as the attchment
What I am asking
I am asking for anyone to help me create PHP codes to make the HTML be the same as the attchment. I know you cant just copy/paste, thats why I am asking for help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Horizon - Index" />
<meta name="keywords" content="PHP, MySQL, bulletin, phpBB, free, open, source, forum" />
<script language="JavaScript" type="text/javascript" src="http://nvsx.net/Themes/default/script.js?fin11"></script>
<script language="JavaScript" type="text/javascript" src="http://nvsx.net/Themes/default/textareaResizer.js"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "http://nvsx.net/Themes/Horizon";
var smf_images_url = "http://nvsx.net/Themes/Horizon/images";
var smf_scripturl = "http://cheatingzone.net/index.php";
var smf_iso_case_folding = false;
var smf_charset = "UTF-8";
// ]]></script>
<title>Horizon - Index</title>
<link rel="stylesheet" type="text/css" href="http://nvsx.net/Themes/Horizon/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="http://nvsx.net/Themes/default/print.css?fin11" media="print" />
<link rel="stylesheet" type="text/css" href="http://nvsx.net/Themes/Horizon/moomenu.css" />
<link rel="help" href="http://cheatingzone.net/index.php?action=help" target="_blank" />
<link rel="search" href="http://cheatingzone.net/index.php?action=search" />
<link rel="contents" href="http://cheatingzone.net/index.php" />
<link rel="alternate" type="application/rss+xml" title="Horizon - RSS" href="http://cheatingzone.net/index.php?type=rss;action=.xml" />
<script type="text/javascript" src="http://nvsx.net/Themes/Horizon/js/mootools-beta-1.2b2-compatible.js"></script>
<script type="text/javascript" src="http://nvsx.net/Themes/Horizon/js/moomenu.js"></script><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css" href="http://nvsx.net/Themes/default/tp-style.css?fin11" />
<link rel="stylesheet" type="text/css" href="http://nvsx.net/Themes/Horizon/tp-style.css?fin11" />
<script type="text/javascript">
//the map object
var map = null;
//set page event handlers for onload and unload
if (window.attachEvent) {
window.attachEvent("onload", Page_Load);
window.attachEvent("onunload", Page_Unload);
} else {
window.addEventListener("DOMContentLoaded", Page_Load, false);
window.addEventListener("unload", Page_Unload, false);
}
//load map
function Page_Load() {
//add your map loading code here
}
//Clean up all objects
function Page_Unload() {
if (map!=null) {
map.Dispose();
map = null;
}
}
</script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_leftbar = false;
function shrinkHeaderLeftbar(mode)
{
document.cookie = "upshrink=" + (mode ? 1 : 0);
document.getElementById("upshrinkLeftbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");
document.getElementById("leftbarHeader").style.display = mode ? "none" : "";
current_leftbar = mode;
}
// ]]></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_rightbar = false;
function shrinkHeaderRightbar(mode)
{
document.cookie = "upshrink=" + (mode ? 1 : 0);
document.getElementById("upshrinkRightbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");
document.getElementById("rightbarHeader").style.display = mode ? "none" : "";
current_rightbar = mode;
}
// ]]></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = false;
function shrinkHeader(mode)
{
document.cookie = "upshrink=" + (mode ? 1 : 0);
document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");
document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";
current_header = mode;
}
// ]]></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = false;
function shrinkHeaderIC(mode)
{
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);
document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");
document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";
current_header_ic = mode;
}
// ]]></script>
<script type="text/javascript" src="http://nvsx.net/Themes/default/ncode_imageresizer.js"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
NcodeImageResizer.BBURL = "http://nvsx.net/Themes/Horizon/images";
NcodeImageResizer.MODE = "enlarge";
NcodeImageResizer.MAXWIDTH = "555";
NcodeImageResizer.MAXHEIGHT = "0";
vbphrase = new Array();
vbphrase['ncode_imageresizer_warning_small'] = 'Click this bar to view the full image.';
vbphrase['ncode_imageresizer_warning_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s and weighs %3$sKB.';
vbphrase['ncode_imageresizer_warning_no_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s.';
vbphrase['ncode_imageresizer_warning_fullsize'] = 'Click this bar to view the small image.';
// ]]></script>
</head>
<body>
<div id="toparea">
<div id="toolbar">
<div id="toolbar-wrap">
<div id="time"><img src="http://nvsx.net/Themes/Horizon/images/guestbar.gif" />
</div>
<div id="horiz-menu">
<ul class="topnav" style="overflow: visible; float: left;">
<li><a href="http://cheatingzone.net/index.php"><font color="#FFFFFF"></font></a></li><li class="active"><a href="http://cheatingzone.net/index.php?action=forum"><font color="#FFFFFF">Forum</font></a><ul style="overflow: hidden; visibility: visible; opacity: 1;">
<li><a href="http://cheatingzone.net/index.php?action=help">Help</a></li><li><a href="http://cheatingzone.net/index.php?action=recent">Recent Posts</a></li><li><a href="http://cheatingzone.net/index.php?action=stats">Statistics</a></li></ul>
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=7879838"><font color="#FFFFFF">Donate</font></a></li><li><a href="http://cheatingzone.net/index.php?action=login"><font color="#FFFFFF">Login</font></a></li><li><a href="http://cheatingzone.net/index.php?action=register"><font color="#FFFFFF">Register</font></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="header">
<div id="head-wrap">
<a href="http://cheatingzone.net/index.php" title=""><div id="logo">
</div></a>
</div>
</div>
<div id="userbar">
<div id="user-wrap">
<div id="searcharea">
<form action="http://cheatingzone.net/index.php?action=search2" method="post" accept-charset="UTF-8">
<input class="searchbox" type="text" name="search" value="Search..." onfocus="this.value = '';" onblur="if(this.value=='') this.value='Search...';" />
</form>
</div>
<div id="userarea">
<script language="JavaScript" type="text/javascript" src="http://nvsx.net/Themes/default/sha1.js"></script>
<form action="http://cheatingzone.net/index.php?action=login2" method="post" accept-charset="UTF-8" class="smalltext" onsubmit="hashLoginPassword(this, 'd48378fa05705b079493fdfef50fe5f9');">
<div id="ds-usernme">
<input id="usrnme" name="user" type="text" onfocus="if(this.value=='Username')value='';" onblur="if(this.value=='')value='Username';" value="Username" />
</div>
<div id="ds-passwrd">
<input id="psswrd" name="passwrd" type="password" onfocus="if(this.value=='Password')value='';" onblur="if(this.value=='')value='Password';" value="Password" />
</div>
<input id="loginbutton" type="submit" value="" name="submit" />
<input type="hidden" name="cookielength" value="-1" />
</form><br />
</div>
</div>
</div>
<div id="bodyarea">
<div id="body-wrap">
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="100%" align="left" valign="top" style="padding-top: 5px; padding-bottom: 10px;">
<table cellpadding="4" cellspacing="0" width="100%">
<tr>
<td width="210" style="padding: 0px; padding-top: 4px;padding-right: 1ex;" valign="top">
<div id="tpleftbarHeader" style="padding-top: 5px; width: 210px;">
<div class="tp_leftpanel">
<div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame">
<div class="windowbg tp_leftblock_body" style="padding:4px; " id="block17"><div style="overflow: auto;"><a href="http://cheatingzone.net/index.php?action=register" style="outline: none;-moz-outline-style: none"><img src="http://cheatingzone.net/reg_now.png" border=0 /></a></div>
</div>
</div>
<div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame">
<div class="windowbg tp_leftblock_body" style="padding:4px; " id="block16"><div style="overflow: auto;"><a href="http://cheatingzone.net/index.php?page=vip-transfer" style="outline: none;-moz-outline-style: none"><img src="http://cheatingzone.net/vip_trans.png" border=0 /></a></div>
</div>
</div>
<div style="margin-bottom: 4px;" class="tborder tp_leftblock_frame">
<h3 style="margin: 0; font-size: 1em; padding: 5px;" class="catbg3 tp_leftblock_title"><a href="javascript: void(0); return false" onclick="toggle('5'); return false"><img id="blockcollapse5" style="margin: 0;" align="right" src="http://nvsx.net/Themes/default/images/tinyportal/TPcollapse.gif" border="0" alt="" title="Collapse or Expand Block" /></a><span class="header">Chat</span>
</h3>
<div class="windowbg tp_leftblock_body" style="padding:4px; " id="We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.