zester
New Member
- Messages
- 23
- Reaction score
- 0
- Points
- 0
this my index.php
<!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" />
<title>PureHP main</title>
<link href="main.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
</head>
<body class="thrColFixHdr">
<div id="container">
<div id="header" align="center"><img src="image/logo4.png" align="middle" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="77,63,54" href="index.php" />
<area shape="rect" coords="530,27,633,127" href="http://www.virtualmation.com/" />
</map>
</div header>
<div id="NavHeader" align="center">
<?php include "Nav_pub.html"; ?>
</div NavHeader>
<div id="sidebar1">
<?php include "sidebar1_pub.php";?>
</div sidebar1>
<div id="sidebar2">
<div id="Login">
<?php include "Login_pub.php";?>
</div Login>
<?php include "sidebar2_pub.php"; ?>
</div sidebar2>
<div id="mainContent" align="center" >
<?php
$Link=$_GET['Link'];
echo $login;
if($Link == "Join"){
include "Join_pub.php";
} elseif($Link == "How"){
include "How_pub.php";
}else {
include "Main_pub.php";
}
?>
</div mainContent>
<br class="clearfloat">
<div id="footer" align="center">
<?php include "footer_pub.html";?>
</div>
</div>
</body>
</div>
</br>
</div container>
</body>
</html>
This is the CSS
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #000;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
/* links */
.thrColFixHdr a:link {color: #FFF; text-decoration: none; font-size: 12px;}
.thrColFixHdra :active {color: #00C; text-decoration: none; font-size: 12px;}
.thrColFixHdr a:visited {color: #FFF; text-decoration: none; font-size: 12px;}
.thrColFixHdr a:hover {color: #09C; text-decoration: none; font-size: 12px;}
#sidebar1 a:link {color: #666; text-decoration: none; font-size: 12px;}
#sidebar1 a:active {color: #999; text-decoration: none; font-size: 12px;}
#sidebar1 a:visited {color: #999; text-decoration: none; font-size: 12px;}
#sidebar1 a:hover {color: #FFF; text-decoration: none; font-size: 12px;}
#sidebar2 a:link {color: #666; text-decoration: none; font-size: 12px;}
#sidebar2 a:Active {color: #999; text-decoration: none; font-size: 12px;}
#sidebar2 a:visited {color: #999; text-decoration: none; font-size: 12px;}
#sidebar2 a:hover {color: #FFF; text-decoration: none; font-size: 12px;}
#NavHeader a:hover {background-image:url(image/LinkHomeOnLine.png); color: #FFF; background-repeat:no-repeat; font-size: 12px;}
#NavHeader a:active {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
#NavHeader a:link {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
#NavHeader a:visited {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
/* tables */
#WinLogo {
background-color: #161616;
height: 150px;
width: 100%;
color: #FFF;
font-size:12px;
text-align:center;
overflow:hidden;
}
table.Winners {
border-width: 1px 1px 1px 1px;
border-spacing: 1px;
border-style: groove groove groove groove;
border-color:#FFF;
border-collapse: separate;
background-color: #66626A;
color: #FFF;
}
table.Winners th {
border-width: 2px 2px 2px 2px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: #FFF;
background-color: #999;
-moz-border-radius: 9px 9px 9px 9px;
color: #00F;
font-size:14px;
}
table.Winners td {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: #FFF;
background-color: #161616;
-moz-border-radius: 1px 1px 1px 1px;
height: 15px;
color: #00F;
font-size:12px;
}
.LinkTable #DataRow {
background: #000;
}
#LinkRow {
background: url(image/h4.jpg);
height: 40px;
width: 140px;
color: #FFF;
}
.txtbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100px;
margin-right: 1px;
background-color: #161616;
color: #00F;
}
.thrColFixHdr #container {
width:900px;
background: #000;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.thrColFixHdr #header {
background: #000;
padding: 1;
width: 900px;
height: 130xp;
top: 0;
left: 0%;
float: left;
background: #161616;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #NavHeader {
padding: 1xp;
margin: 1xp;
width: 900px;
height: 20px;
top: 0;
left: 0%;
float: left;
overflow: visible;
top: 1px;
float: left;\
background: #161616;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
color: #00F;
}
#Login {
background: #161616;
margin: 1;
float: right;
width: 154px;
height: 135px;
top: 0px;
left: 900px;
right: 0px;
/*bottom:*/
overflow: hidden;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
padding: 1xp 1xp 1xp 1xp;
}
.thrColFixHdr #header h1 {
margin: 0;
padding: 0;
}
.thrColFixHdr #sidebar1 {
float: left;
width: 160px;
background: #161616;
/*background-image: url(image/back_sides1.gif);
background-repeat:no-repeat*/
padding: 1px 1px 1px 1px;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
/*padding: 15px 10px 15px 20px; padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {
float: right;
width: 160px;
background: #161616;
padding: 1px 1px 1px 1px;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
/* padding: 15px 10px 15px 20px; padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainContent {
margin: 0 1px;
padding: 0 1px;
position:relative;
left: 165px;
width: 564px;
top: 158px;
background-image: url(image/Track%20Background.jpg);
background-repeat:repeat-x;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #footer {
padding: 0;
background: #000;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #footer p {
margin: 0; /
padding: 1px 0;
background-color:#000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
This is the Main_pub
<a href="pureHPJoin.php"><img src="image/greenbar.png" width="440" height="60" alt="join now" /></a> <br>
<BR>
<BR>
<img src="image/viewer.png" width="140" height="160"/>
<img src="image/finish.png" width="50" height="160" />
<img src="image/flashAdd.png" width="140" height="160" /><br>
<img src="image/racer2.png" width="355" height="130" /><br><br>
<img src="image/VideoMin.png" width="355" height="320" />
<!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" />
<title>PureHP main</title>
<link href="main.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
</head>
<body class="thrColFixHdr">
<div id="container">
<div id="header" align="center"><img src="image/logo4.png" align="middle" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="77,63,54" href="index.php" />
<area shape="rect" coords="530,27,633,127" href="http://www.virtualmation.com/" />
</map>
</div header>
<div id="NavHeader" align="center">
<?php include "Nav_pub.html"; ?>
</div NavHeader>
<div id="sidebar1">
<?php include "sidebar1_pub.php";?>
</div sidebar1>
<div id="sidebar2">
<div id="Login">
<?php include "Login_pub.php";?>
</div Login>
<?php include "sidebar2_pub.php"; ?>
</div sidebar2>
<div id="mainContent" align="center" >
<?php
$Link=$_GET['Link'];
echo $login;
if($Link == "Join"){
include "Join_pub.php";
} elseif($Link == "How"){
include "How_pub.php";
}else {
include "Main_pub.php";
}
?>
</div mainContent>
<br class="clearfloat">
<div id="footer" align="center">
<?php include "footer_pub.html";?>
</div>
</div>
</body>
</div>
</br>
</div container>
</body>
</html>
This is the CSS
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #000;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
/* links */
.thrColFixHdr a:link {color: #FFF; text-decoration: none; font-size: 12px;}
.thrColFixHdra :active {color: #00C; text-decoration: none; font-size: 12px;}
.thrColFixHdr a:visited {color: #FFF; text-decoration: none; font-size: 12px;}
.thrColFixHdr a:hover {color: #09C; text-decoration: none; font-size: 12px;}
#sidebar1 a:link {color: #666; text-decoration: none; font-size: 12px;}
#sidebar1 a:active {color: #999; text-decoration: none; font-size: 12px;}
#sidebar1 a:visited {color: #999; text-decoration: none; font-size: 12px;}
#sidebar1 a:hover {color: #FFF; text-decoration: none; font-size: 12px;}
#sidebar2 a:link {color: #666; text-decoration: none; font-size: 12px;}
#sidebar2 a:Active {color: #999; text-decoration: none; font-size: 12px;}
#sidebar2 a:visited {color: #999; text-decoration: none; font-size: 12px;}
#sidebar2 a:hover {color: #FFF; text-decoration: none; font-size: 12px;}
#NavHeader a:hover {background-image:url(image/LinkHomeOnLine.png); color: #FFF; background-repeat:no-repeat; font-size: 12px;}
#NavHeader a:active {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
#NavHeader a:link {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
#NavHeader a:visited {background-image:url(image/LinkHomeOnLine.png); color: #FFF;background-repeat:no-repeat;font-size: 12px;}
/* tables */
#WinLogo {
background-color: #161616;
height: 150px;
width: 100%;
color: #FFF;
font-size:12px;
text-align:center;
overflow:hidden;
}
table.Winners {
border-width: 1px 1px 1px 1px;
border-spacing: 1px;
border-style: groove groove groove groove;
border-color:#FFF;
border-collapse: separate;
background-color: #66626A;
color: #FFF;
}
table.Winners th {
border-width: 2px 2px 2px 2px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: #FFF;
background-color: #999;
-moz-border-radius: 9px 9px 9px 9px;
color: #00F;
font-size:14px;
}
table.Winners td {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: #FFF;
background-color: #161616;
-moz-border-radius: 1px 1px 1px 1px;
height: 15px;
color: #00F;
font-size:12px;
}
.LinkTable #DataRow {
background: #000;
}
#LinkRow {
background: url(image/h4.jpg);
height: 40px;
width: 140px;
color: #FFF;
}
.txtbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100px;
margin-right: 1px;
background-color: #161616;
color: #00F;
}
.thrColFixHdr #container {
width:900px;
background: #000;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.thrColFixHdr #header {
background: #000;
padding: 1;
width: 900px;
height: 130xp;
top: 0;
left: 0%;
float: left;
background: #161616;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #NavHeader {
padding: 1xp;
margin: 1xp;
width: 900px;
height: 20px;
top: 0;
left: 0%;
float: left;
overflow: visible;
top: 1px;
float: left;\
background: #161616;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
color: #00F;
}
#Login {
background: #161616;
margin: 1;
float: right;
width: 154px;
height: 135px;
top: 0px;
left: 900px;
right: 0px;
/*bottom:*/
overflow: hidden;
border: 2px solid #0F0;
border-style:ridge;r-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
padding: 1xp 1xp 1xp 1xp;
}
.thrColFixHdr #header h1 {
margin: 0;
padding: 0;
}
.thrColFixHdr #sidebar1 {
float: left;
width: 160px;
background: #161616;
/*background-image: url(image/back_sides1.gif);
background-repeat:no-repeat*/
padding: 1px 1px 1px 1px;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
/*padding: 15px 10px 15px 20px; padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {
float: right;
width: 160px;
background: #161616;
padding: 1px 1px 1px 1px;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
/* padding: 15px 10px 15px 20px; padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainContent {
margin: 0 1px;
padding: 0 1px;
position:relative;
left: 165px;
width: 564px;
top: 158px;
background-image: url(image/Track%20Background.jpg);
background-repeat:repeat-x;
height: 800px;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #footer {
padding: 0;
background: #000;
border: 2px solid #0F0;
border-style:ridge;
-moz-border-radius: 9px 9px 9px 9px;
}
.thrColFixHdr #footer p {
margin: 0; /
padding: 1px 0;
background-color:#000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
This is the Main_pub
<a href="pureHPJoin.php"><img src="image/greenbar.png" width="440" height="60" alt="join now" /></a> <br>
<BR>
<BR>
<img src="image/viewer.png" width="140" height="160"/>
<img src="image/finish.png" width="50" height="160" />
<img src="image/flashAdd.png" width="140" height="160" /><br>
<img src="image/racer2.png" width="355" height="130" /><br><br>
<img src="image/VideoMin.png" width="355" height="320" />