ne kleine info, der code für die sidebar ist am ende der css weil ich den von einem anderem script kopiert habe, aber die größen zu den Bildern angepasst habe ...
index.php
PHP Code:
<?PHP
ERROR_REPORTING(E_ALL);
ini_set('display_errors', false);
if(!file_exists('./inc/config.inc.php'))
{
header('Location: index.php');
}
session_name("m2hp");
session_start();
require("./inc/config.inc.php");
require("./inc/rights.inc.php");
require("./inc/functions.inc.php");
$sqlHp = mysql_connect(SQL_HP_HOST, SQL_HP_USER, SQL_HP_PASS);
$sqlServ = mysql_connect(SQL_HOST, SQL_USER, SQL_PASS);
if(!is_resource($sqlServ) OR !is_resource($sqlHp)) {
exit("Verbindung zur Datenbank fehlgeschlagen: Abbruch");
}
require("./inc/head.inc.php");
echo '<?xml version="1.0"?>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title><?PHP echo $serverSettings['servername']; ?></title>
<link rel="shortcut icon" href="favicon.gif" />
<link rel="icon" type="image/gif" href="favicon.gif" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
function reload()
{
$('#status_load').fadeOut('slow').load('./pages/status.php').fadeIn("slow");
};
</script>
</head>
<body>
<center>
<div id="vorcontainer">
<div id="navi">
<?PHP include("./inc/navi.inc.php"); ?>
</div>
<div id="head">
</div>
</div>
<div id="sidebar_top"> TOP 10
</div>
<div id="sidebar_mid">
<div class="bg2_top">
</div>
<div class="bg2_main">
<?php
include("pages/side_login.php");
?>
<div class="bg2_footer">
<div id="sidebar_bot"><br><br>
</div>
<div id="sidebar_top"> TOP 10
</div>
<div id="sidebar_mid">
<div class="bg2_top">
</div>
<div class="bg2_main">
<div id="status_load">
<p>
<?php
include("pages/status.php");
?>
</p>
<center><input type="submit" onclick="reload()" class="btn" value="Neuladen"></center>
</div>
</div>
<div class="bg2_footer">
</div>
</div>
<div id="sidebar_bot"><br><br>
</div>
<br>
<div id="sidebar_top"> TOP 10
</div>
<div id="sidebar_mid">
<div class="bg2_top">
</div>
<div class="bg2_main">
<?php
include("pages/top5.php");
?>
</div>
<div class="bg2_footer">
</div>
</div>
<div id="sidebar_bot"><br><br>
</div>
<div id="content">
<?PHP
if(isset($_GET['s']) && !empty($_GET['s']))
{
if(file_exists("./pages/".$_GET['s'].".php"))
{
include("./pages/".$_GET['s'].".php");
}
else {
include("./pages/home.php");
}
} else
{
include("./pages/home.php");
}
?>
<address>CMS by hen!</address>
</div>
<div id="bgLine"></div>
</div>
</body>
</html>
<?PHP
mysql_close();
?>
meine style.css
PHP Code:
* {
margin:0;
padding:0;
}
body {
text-align: center;
font-family: Tahoma;
font-size: 0.75em;
background: url('./img/layout/bg.png') no-repeat top center #e1f3ff;
margin:0;
padding:0;
}
ul {
margin-left:15px;
margin-bottom:10px;
}
a {
text-decoration:none;
color:#2D2D2D;
font-weight: bold;
}
a:hover {
text-decoration:underline;
}
input {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
textarea {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
select {
border:1px solid #CECECE;
background:#F3F3F3;
font-size:0.8em;
padding:2px;
font-family:Verdana;
color:#000;
}
iframe.pscCheck {
width:100%;
height:500px;
border: 1px solid #848484;
}
div#naviplatzhalter {
float:left;
width:100px;
height:40px;
}
div#container {
text-align:left;
width:875px;
margin:25px auto;
margin-top:-30px;
}
div#vorcontainer {
text-align:left;
width:875px;
margin:25px auto;
}
.boxright {
width:150px;
background:#000;
border:1px solid #000;
float:right;
}
.lager {
width:auto;
}
.lager td {
width:25px;
height:25px;
line-height:25px;
vertical-align:middle;
text-align:center;
}
div#head {
height:146px;
background:#04BF45;
color:#FFF;
background:url('./img/layout/banner.png');
}
div#navi {
height:40px;
background:#038C4C;
color:#FFF;
background:url('./img/layout/navi.png');
text-align:center;
width:100%;
}
div#navi ul {
margin:0 auto;
padding:0;
list-style:none;
width:707px;
}
div#navi ul li {
float:left;
font-size: 0.9em;
width:100px;
margin-right:1px;
}
div#navi a {
display:block;
color:#FFFFFF;
text-shadow:1px 1px 0px #000;
line-height:34px;
height:34px;
width:100px;
}
div#navi a:hover {
color:#EEE;
}
#load {
background: url(img/ajax-loader.gif);
width: 220px;
height: 19px;
}
#content {
background:#FFF;
float:left;
color:#FFF;
width:600px;
padding:10px;
}
div#boxall{
width:875px;
}
div#sidebar {
background:#FFF;
color:#FFF;
width:230px;
float:right;
padding:10px;
}
div#head h1 {
line-height:164px;
font-size: 3em;
font-weight: bold;
padding:0;
margin:0 20px;
visibility:hidden;
}
div#isleft {
float:left;
width:20%;
}
div#isleft h2 {
font-size:1em;
color:#444;
border-bottom: 2px solid #C0C0C0;
border-left:none;
color:#02555E;
background:none;
}
div#isleft ul {
list-style:none;
margin:0;
padding:0;
}
div#isleft ul li {
line-height:25px;
height:25px;
margin-bottom: 5px;
}
div#isleft ul li a {
display:block;
text-decoration:none;
background:#D8D8D8;
padding-left:10px;
border-right: 5px solid #B8B8B8;
}
div#isleft ul li a:hover {
background:#B8B8B8;
border-right: 5px solid #D8D8D8;
}
div#isright {
float:right;
width:79%;
}
h2 {
color:#212121;
font-size:1.2em;
font-weight:bold;
padding:5px;
margin: 10px 0;
background:#E6E6E6;
border-left: 10px solid #5A5A5A;
clear:both;
}
h3 {
font-size: 1em;
font-weight:bold;
color:#222;
margin: 5px 0;
padding:0;
clear:both;
}
h4 {
font-weight:bold;
color:#555;
text-decoration:underline;
clear:both;
}
p {
margin: 5px 0;
line-height:20px;
border: 1px solid #CECECE;
background:#E2E2E2;
color: #222;
padding:5px;
}
table {
font-size: 1em;
border-spacing:2px;
border: 1px solid #CACACA;
margin:5px 0;
width:100%;
color:#000;
}
.user {
margin:0 50px;
}
.user table {
width:100%;
color:#000;
}
table.itemlist {
width:100%;
font-size: 0.8em;
}
table.itemlist td,th {
vertical-align:top;
text-align:left;
color:#000;
}
.thell {
background:#DADADA;
}
.tdunkel {
background:#B9B9B9;
}
.tmarkiert {
background:#212121;
color:#FFF;
}
td, th {
padding:3px;
}
.topLine {
background:#252525;
color:#D6D6D6;
margin-bottom:5px;
vertical-align:middle;
}
.topLine a {
color:#FFF;
}
address {
font-size:0.8em;
color:#252525;
background:#E2E2E2;
padding:5px;
font-style:normal;
margin:0;
margin-top:20px;
clear:both;
text-align:right;
}
.small td {
color:#000;
font-size:0.8em;
}
.small input {
font-size:1.2em;
font-family: Tahoma;
}
div.worldmap {
padding:0;
margin:0;
}
div.worldmap a {
color:#00FF00;
cursor:crosshair;
text-decoration:none;
}
div.worldmap a:hover {
color:#FFF;
}
div.worldmapTables {
position:absolute;
background:#E9E9E9;
width:150px;
height:auto;
border: 1px solid #444;
padding: 1px;
color:#000;
display:none;
}
div.worldmapBubble {
width:2px;
height:2px;
background:#0f0;
position:absolute;
padding:0;
margin:0;
}
.isImg {
width:100px;
max-width:100px;
background: #DADADA;
text-align:center;
}
.isBuy {
background:#DADADA;
text-align:right;
padding:5px;
}
.isBuy a {
margin:5px;
padding:2px;
background:#212121;
color:#FFFFFF;
border: 1px solid #5A5A5A;
}
#userInfo {
padding:0;
margin:0;
float:right;
}
#userInfo a {
display:block;
float:right;
margin-top:4px;
margin-right:5px;
padding:0 5px;
line-height:20px;
height:20px;
background:#777777;
border-right:2px solid #464646;
border-bottom:1px solid #464646;
color:#FFF;
font-size: 0.9em;
}
#userInfo a:hover {
text-decoration:none;
background:#5F5F5F;
}
.splitLeft {
float:left;
width:49%;
}
.splitRight {
float:right;
width:49%;
}
.ipListBox {
height:200px;
width:100%;
overflow:auto;
}
ul.menue {
margin-left:0;
margin-bottom:0;
list-style:none;
}
ul.menue li {
margin-bottom:2px;
}
ul.menue a {
display:block;
background:#E6E6E6;
color:#212121;
padding:3px;
border-left:5px solid #C5C5C5;
}
ul.menue a:hover {
background:#CECECE;
text-decoration:none;
}
.clear {
clear:both;
}
div.newsblock {
margin:10px 5px;
padding:0;
padding-bottom:2px;
border-bottom:1px solid #d9d9d9;
}
div.newsblock h3 {
height: 25px;
line-height:25px;
font-weight:normal;
color:#333;
font-size:1.2em;
background:#f0f0f0;
padding:0 3px;
margin:0;
border-bottom:2px solid #c0c0c0;
}
div.newsblock p {
margin:1px 0;
padding:3px;
border:0;
background:#e7e7e7;
}
div.newsblock p.footer {
margin:1px 0;
padding:3px;
border:0;
background:#f5f5f5;
line-height:20px;
height:20px;
font-size:0.9em;
}
#sidebar_top {
background-image:url('img/layout/sidebar_top.png');
background-repeat:no-repeat;
float:right;
width:250px;
height:51;
text-align:center;
color:#FFF;
text-shadow:0px 0px 3px #000;
line-height:40px;
font-style:italic;
margin-right:-55px;
}
#sidebar_mid {
background-image:url('img/layout/sidebar_mid.png');
background-repeat:repeat-y;
float:right;
width:250px;
margin-right:-55px;
}
#sidebar_bot {
background-image:url('img/layout/sidebar_bot.png');
background-repeat:no-repeat;
float:right;
width:250px;
height:21px;
margin-right:-55px;
}
