<?php
include ("./config/config.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">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="custom.js"></script>
<head>
<style type="text/css" media="all">
@import "css/style2.css";
@import "css/style.css";
@import "css/stylesheet.css";
</style>
</head>
<body>
<div id="topbarleft"></div>
<div id="topbarright"></div>
<div id="topbar">Website MAY not be fully compatible in outdated browser versions or Internet Explorer.</div>
<div id="wrapper">
<div id="header">
</div>
<div id="funbox">
<div id="funboxwrap">
<div id="headmenu">
<p>
<?php include("extra.php");?>
</p>
</div>
<div id="eventbox">
<a href="main.php?index=event1" class="event1"></a>
<div id="eventright">
<a href="main.php?index=event2" class="event2"></a>
<a href="main.php?index=event3" class="event3"></a>
</div>
</div>
</div>
<div id="quicknav">
<div class="buttons">
<a href="main.php?index=register" class="register"></a>
<a href="main.php?index=download" class="download"></a>
</div>
</div>
<div id="sidebar">
<div id="clock">
<div id="clocky">
<span id="digitalclock" class="styling"></span>
<script>
<!--
/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/
var alternate=0
var standardbrowser=!document.all&&!document.getElementById
if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')
function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"
if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='#2272b6'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='#002749'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show
//-->
</script>
</div>
</div>
<div class="info">
<p class="infotext">
<?php
include ("statusbar.php");
?>
</p>
</div>
<div class="help">
<p>
<a href="<?php echo $votelink;?>" class="vote"></a>
<a href="main.php?index=donate" class="donate">
</a>
</p>
</div>
<br />
<ul>
</ul>
</div>
<div id="main">
<div id="box2">
<div class="spacer"></div>
<a href="main.php?index=chatroom" id="chatroom">
</a>
<a href="main.php?index=forum" id="forums">
</a>
</div>
<div id="box">
</div>
<?php
if($_SESSION['id']){
echo "<fieldset><legend><b>Welcome to $servername, ".getName()."</b></legend>";
echo "<a href=\"main.php?index=community\"><img src=\"images/lnav1-21.jpg\" border=\"0\"></a><a href=\"main.php?index=logout\"><img src=\"images/lnav1-42.jpg\" border=\"0\"></a>";
include ("status.php");
echo "</fieldset>";
}else{
echo "<fieldset><legend><b>Welcome to $servername,Please Login</b></legend>";
echo "<a href=\"main.php?index=login\"><img src=\"images/login_btn.gif\" border=\"0\"></a>";
include ("status.php");
echo "</fieldset>";
}
?>
<fieldset>
<?php include ("sources/more/flash.php");?>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'right' : 'left', '">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="images/powered/h_powered-mysql.gif" border="0" ></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="images/powered/h_powered-php.gif" border="0" ></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
</td>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'left' : 'right', '">
<a href="http://jigsaw.w3.org/check/referer" target="_blank"><img id="valid-css" src="images/powered/h_valid-css.gif" border="0"></a>
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="images/powered/h_valid-xhtml10.gif" border="0"></a>
</td></tr></table>
</fieldset>
</body>
</html>
UberSango 0 Newbie Poster
UberSango 0 Newbie Poster
/*---Info-
This CSS sheet will be reused only for the next update or migrate purpose. Other than that, it is for this temporary site while in progress of coding, not to be reused.
---*/
/*-Primary Structure, site position source-*/
body {
background-repeat: no-repeat;
background-color: #5578a3;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
padding: 0px;
}
#topbar {
background-image: url('images/topbar.gif');
background-repeat: repeat-x;
height: 18px;
overflow: hidden;
text-align: center;
margin: 0px;
color: #fff;
font-size: 12px;
margin-bottom: 0px;
}
#topbarleft {
background-image: url('images/topbarleft.png');
background-repeat: no-repeat;
float: left;
width: 42px;
height: 18px;
}
#topbarright {
background-image: url('images/topbarright.png');
background-repeat: no-repeat;
float: right;
width: 42px;
height: 18px;
}
#wrapper {
margin: 0 auto;
background-color: none;
text-align: left;
border: 0;
overflow: hidden;
width: 840px;
}
#header {
background-image: url('images/logo.png');
width: 820px;
height: 220px;
}
#funboxwrap {
float: right;
}
#headmenu {
background-image: url('images/headmenu.png');
width: 629px;
height: 35px;
margin-right: 20px;
}
#ann {
background-image: url('images/ann1.png');
width: 840px;
height: 46px;
padding: 0px;
}
#funbox {
background-image: url('images/funbox.png');
width: 840px;
height: 185px;
padding: 0px;
}
#sidebar {
background-image: url('./images/sidebg.png');
background-repeat: repeat-y;
width: 170px;
padding-bottom: 30000px;
margin-bottom: -30000px;
margin-right: 0px;
padding-right: 0px;
float: left;
}
#registertop {
background-image: url('images/regtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#downloadtop {
background-image: url('images/downloadtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#registercenter {
background-color: #a7cbe5;
opacity: 0.8;
width: 654px;
margin-left: 1px;
font-size: 12px;
color: #000;
font-weight: bold;
position: relative;
}
/*--side contains--*/
.sidetop {
background-image: url('images/sidetop.gif');
width: 173px;
margin-right: 0px;
height: 12px;
padding-right: 0px;
}
#quicknav {
float: left;
background-image: url('./images/quicknav.png');
width: 155px;
height: 180px;
margin-left: 9px;
padding: 0px;
opacity: 0.9;
margin-top: 0px;
}
.info {
background-image: url('images/infoo.png');
width: 144px;
height: 117px;
margin-left: 10px;
padding: 0px;
}
.help {
background-image: url('images/help.png');
background-repeat: no-repeat;
width: 144px;
height: 117px;
margin-left: 10px;
margin-top: 30px;
padding-top: 20px;
}
.login {
background-image: url('images/Login.jpg');
width: 144px;
height: 117px;
margin-left: 10px;
padding-top: 20px;
}
.ads {
background-image: url('images/advertise.png');
background-repeat: no-repeat;
width: 144px;
height: 300px;
margin-left: 10px;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 30px;
}
/*--end side contain--*/
#main {
width: 667px;
float: right;
margin: 0px;
padding: 0px;
}
#admin {
background-image: url('images/loginbtn.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
}
#box {
background-image: url('images/boxbg.gif');
background-repeat: no-repeat;
width: 667px;
height: 125px;
}
#box2 {
background-image: url('images/box2bg.png');
background-repeat: no-repeat;
width: 667px;
height: 54px;
padding-top: 0px;
position: relative;
}
#BeLegit {
background-image: url('http://advimages.nexon.net/MapleStory/leafgear/image/banners/belegit_130x55.gif');
background-repeat: no-repeat;
width: 130px;
height: 55px;
padding-top: 0px;
position: relative;
}
#key_search {
background-image: url('images/search.jpg');
background-repeat: no-repeat;
width: 279px;
height: 85px;
padding-top: 0px;
position: relative;
}
#key_search form {
width:100%;
height:100%;
padding:0;
}
#s {
border:0;
background-color:transparent;
width:119px;
height:20px;
margin:43px 0 0 85px;
float:left;
font-size: 16px;
color:#282828;
}
#searchButton {
width:24px;
height:31px;
margin:38px 25px 0 0;
float:right;
}
.styling {
font-size: 14px;
color: #002749;
font-weight: bold;
}
#clocky {
margin-right:56px;
padding-top: 35px;
}
#clock {
background-image: url('images/ctime.png');
width: 144px;
height: 62px;
text-align: center;
margin-left: 15px;
background-repeat: no-repeat;
}
.spacer {
background-image: url('images/float-top.png');
background-repeat: no-repeat;
width: 114px;
height: 4px;
margin-left: 400px;
margin-top: 0px;
}
#content {
background-image: url('images/contentbg.png');
background-repeat: repeat-y;
width: 667px;
padding-bottom: 30000px;
margin-bottom: -30000px;
}
#footer {
background-image: url('images/footer.png');
width: 820px;
height: 28px;
clear: both;
margin-left: 10px;
position: relative;
}
/*---------------------------------*/
/*-Secondary structure, images, innerdiv divides-*/
#eventbox {
background-image: url('images/eventbox.png');
background-repeat: no-repeat;
width: 629px;
height: 120px;
margin-top: 15px;
}
/*eventbox includes: */
.event1 {
background-image: url('images/event1image.png');
background-repeat: no-repeat;
width: 423px;
height: 66px;
float: left;
margin-top: 39px;
margin-left: 15px;
opacity: 0.7;
display: block;
}
.event1:hover {
background-image: url('images/event1image.png');
background-repeat: no-repeat;
width: 423px;
height: 66px;
float: left;
margin-top: 39px;
margin-left: 15px;
opacity: 0.9;
display: block;
}
#eventright {
float: right;
}
.event2 {
background-image: url('images/event2image.png');
background-repeat: no-repeat;
width: 178px;
height: 37px;
margin-top: 36px;
margin-right: 12px;
opacity: 0.7;
display: block;
}
.event2:hover {
background-image: url('images/event2image.png');
background-repeat: no-repeat;
width: 178px;
height: 37px;
margin-top: 36px;
margin-right: 12px;
opacity: 0.9;
display: block;
}
.event3 {
background-image: url('images/event3image.png');
background-repeat: no-repeat;
width: 178px;
height: 36px;
margin-right: 12px;
opacity: 0.7;
display: block;
}
.event3:hover {
background-image: url('images/event3image.png');
background-repeat: no-repeat;
width: 178px;
height: 36px;
margin-right: 12px;
opacity: 0.9;
display: block;
}
/*end*/
#contenttop {
background-image: url('images/contop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#helpustop {
background-image: url('images/helpserver.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#faqtop {
background-image: url('images/faqtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#ranktop {
background-image: url('images/pvpranktop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#scripttop {
background-image: url('images/scripttop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#eventtop {
background-image: url('images/eventtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#contentcenter {
background-color: #FFF;
opacity: 0.8;
width: 654px;
margin-left: 1px;
position: relative;
}
#contentbottom {
background-image: url('images/conbottom.png');
opacity: 0.8;
width: 654px;
height: 26px;
margin-left: 1px;
}
#staffhead {
background-image: url('images/staffhead.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 5px;
width: 651px;
height: 48px;
}
#rankings {
font-family: arial, helvetica, sans-serif;
margin: 0px;
}
table {
margin: 0px;
border: 0px;
padding: 0px;
}
.staffboxbase {
background-image: url('images/staffbg.gif');
background-repeat: no-repeat;
margin-top: 5px;
margin-left: 4px;
width: 651px;
height: 100px;
}
.staffinfo {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.staffinfo2 {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.staffinfo3 {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.characterimage {
float: right;
margin-right: 18px;
}
#downloadtotal {
padding-top: 30px;
}
.buttons {
padding-top: 41px;
margin-left: 7px;
}
.buttons2 {
margin-top: 14px;
margin-left: 8px;
}
.manageinfo {
background-image: url('images/manage.png');
background-repeat: no-repeat;
width: 59px;
height: 15px;
padding-bottom: 3px;
display: block;
float: left;
}
.tools {
background-image: url('images/tool.png');
background-repeat: no-repeat;
width: 59px;
height: 15px;
padding-bottom: 3px;
display: block;
float: right;
margin-right: 25px;
}
.button3 {
margin-bottom: 5px;
float: left;
}
/*text*/
p.infotext {
font-size: 12px;
color: #002347;
padding-top: 35px;
padding-left: 9px;
}
p.content {
font-size: 12px;
color: #000;
padding-left: 12px;
width: 600px;
margin: 0px;
}
.downloadcontent {
padding-right: 30px;
padding-top: 10px;
padding-bottom: 7px;
padding-left: 2px;
}
.date {
font-size: 11px;
color: #000;
font-style: italic;
padding: 0px;
width: 600px;
}
p.contenttitle {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
color: #00354d;
padding-left: 12px;
background-color: #abcddd;
width: 642px;
margin: 0px;
}
p.download {
font-size: 12px;
color: #000;
padding-left: 12px;
width: 500px;
margin: 0px;
}
p#copyright {
font-size: 12px;
color: #000;
padding-top: 7px;
margin: 0px;
text-align: center;
}
p.announce {
font-size: 14px;
color: #fff;
padding-top: 15px;
margin: 0px;
text-align: center;
}
.various {
font-size: 12px;
color: #002347;
margin-bottom: 10px;
margin-left: 2px;
}
.various p.header {
font-size: 16px;
color: #002347;
font-weight: bold;
margin-bottom: 3px;
margin-left: 4px;
}
/*end*/
.on {
color: #339933;
font-weight: bold;
}
.off {
color: #993333;
font-weight: bold;
}
/*--buttons contain--*/
.register {
background-image: url('images/reg.png');
background-repeat: no-repeat;
width: 125px;
height: 48px;
padding-bottom: 3px;
display: block;
}
.register:hover {
background-image: url('images/reghov.png');
width: 125px;
height: 48px;
display: block;
}
.download {
background-image: url('images/dl.png');
background-repeat: no-repeat;
width: 125px;
height: 39px;
padding-bottom: 0px;
display: block;
}
.download:hover {
background-image: url('images/dlhov.png');
background-repeat: no-repeat;
width: 125px;
height: 39px;
padding-bottom: 0px;
display: block;
}
.vote {
margin-top: 20px;
background-image: url('images/vote.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 0.8;
}
.vote:hover {
margin-top: 20px;
background-image: url('images/vote.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
}
.donate {
background-image: url('images/donate.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 0.8;
}
.spacer {
background-image: url('float-top.gif');
background-repeat: no-repeat;
width: 114px;
height: 4px;
margin-left: 400px;
margin-top: 0px;
}
#chatroom {
background-image: url('images/chatroom.png');
background-repeat: no-repeat;
width: 114px;
height: 24px;
margin-left: 400px;
display: block;
}
#forums {
background-image: url('images/forums.png');
background-repeat: no-repeat;
width: 114px;
height: 23px;
margin-left: 400px;
display: block;
}
#Quit {
background-image: url('images.ms.com/quit.png');
background-repeat: no-repeat;
width: 114px;
height: 23px;
margin-left: 400px;
display: block;
}
.donate:hover {
background-image: url('images/donate.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
/*end*/
/*-end-*/
/*text and decoration*/
#sidebar ul{
font-size: 12px;
color: #ffffff;
list-style-type: none;
margin: 0px;
padding-left: 15px;
}
ul.rewardlist{
font-size: 12px;
color: #000;
margin: 0px;
padding-left: 20px;
}
ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
img {
border: 0px;
margin: 0px;
padding: 0px;
}
a {
outline: none;
}
/*menu settings*/
#headmenu a:link {
color: #194d7e;
text-decoration: none;
}
#headmenu a:visited {
color: #194d7e;
text-decoration: none;
}
#headmenu a:hover {
color: #000000;
background-image: url('..gif');
background-repeat: repeat-x;
height: 25px;
padding-top: 7px;
text-decoration: none;
}
#headmenu a:active {
color: #000000;
text-decoration: none;
}
#headmenu p {
font-size: 12px;
color: #194d7e;
padding-top: 10px;
margin: 0px;
padding-left: 20px;
/*font-weight: bold;*/
text-align: center;
}
#headmenu a {
padding-right: 5px;
padding-left: 5px;
}
.announce a:link {
color: #dadada;
text-decoration: none;
}
.announce a:visited {
color: #dadada;
text-decoration: none;
}
.announce a:hover {
color: #000000;
text-decoration: none;
}
.announce a:active {
color: #dadada;
text-decoration: none;
}
a:link {
color: #003a5f;
text-decoration: none;
}
a:visited {
color: #003a5f;
text-decoration: none;
}
a:hover {
color: #1182c9;
text-decoration: none;
}
a:active {
color: #1182c9;
text-decoration: none;
}
/*end*/
/*--morebuttons--*/
.homebutton {
background-image: url('images/homebutton.png');
background-repeat: no-repeat;
}
.regbutton {
background-image: url('images/regbutton.png');
background-repeat: no-repeat;
width: 76px;
height: 19px;
}
.downbutton {
background-image: url('images/downloadbutton.png');
background-repeat: no-repeat;
width: 93px;
height: 15px;
}
.forumbutton {
background-image: url('images/forumbutton.png');
background-repeat: no-repeat;
width: 65px;
height: 15px;
}
.chatbutton {
background-image: url('images/chatbutton.png');
background-repeat: no-repeat;
width: 84px;
height: 15px;
}
.rankbutton {
background-image: url('images/rankbutton.png');
background-repeat: no-repeat;
width: 57px;
height: 15px;
}
.guidebutton {
background-image: url('images/guidesbutton.png');
background-repeat: no-repeat;
width: 62px;
height: 15px;
}
.staffbutton {
background-image: url('images/staffbutton.png');
background-repeat: no-repeat;
width: 52px;
height: 18px;
}
.donatebutton {
background-image: url('images/donatebutton.png');
background-repeat: no-repeat;
width: 68px;
height: 15px;
}
.whitetext12 {
display: none;
}
a {
margin: 0px;
padding: 0px;
} martynb 0 Newbie Poster
Can you not send a link to it? So I can check in firebug? and IE de-bugger?
codeGoat 0 Newbie Poster
--- CSS COMMENT!
In xhtml a single space followed by a break is required for the closing brace of meta and link rel statements " />" in the document head space >
the same " />" closing brace format is required for the img element in the body space.
The following <style> block property values and properties are not supported in xhtml transitional:-
background-color:none
opacity
(( xhtml 2,0 is attempting to seat these operators in the tcp-ip universe, premature use will not reslove compatibility issues ))
Re "opacity", you can deploy a graphic solution: gif for a crude alpha rendition or png for a sophisticated 24,000,000 color full gradient alpha visible expression. Note: the PNG statics bitch between Microsoft and Adobe has been resolved with Mac X and the png vehicle is now anchored in Microsoft and Adobe generic displays - afaik, google chrome break release was the only groovy kid on the block out in the cold.
--- PHP COMMENT!
Regarding your PHP structure: I am not a php programmer but from countless views of standard php documents (other than sloppy fantastico rubber slots) it seems your page is full of code breakouts. A goood php page (for example as published by NTT Verio) would have a few lines in the head to ref the external php, a single call-up adjoining the <body> tag and a minimal amount of xhtml prior to the closing </body> tag.
I think if you also use a c++ group call your page code footprint is minimal and then you only need the external php code ref in one browser display index anchor file.
--- General!
The opinions expressed here are independent and are offered without contest. Have fun !;)~
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.