HTML Code:
<?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 xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Page Title -->
<title>*****</title>
<!-- Page Icon -->
<link rel="shortcut icon" href="favicon.ico" type="favicon" />
<!-- Meta Information -->
<meta />
<!-- Style Sheets -->
<link rel="stylesheet" href="./jquery/jquery162/css/custom-theme/jquery-ui-1.8.16.custom.css" type="text/css" />
<link rel="stylesheet" href="style2.css" type="text/css" />
<!-- JavaScript Libraries: jQuery / jQuery UI / jQuery Plug-Ins -->
<script type="text/javascript" src="./jquery/jquery162/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="./jquery/jquery162/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="./jquery/jquery.history.js"></script>
<!-- JavaScript: Custom Code Files -->
<script type="text/javascript" src="main.js"></script>
<!-- JavaScript: Live Code -->
</head>
<body>
<center>
<div id="wrapper">
<div id="logo">
<a href="#home">
<img class="logo" src="images/logo.png" title="*****" alt="*****" />
</a>
</div>
<div id="navi">
<div class="left"></div>
<ul>
<li><a href="index.php" class="text-shadow">Startseite</a></li>
<li><a href="#register" class="text-shadow">Registrieren</a></li>
<li><a href="#download" class="text-shadow">Download</a></li>
<li><a href="#rankings" class="text-shadow">Rangliste</a>
<!-- <div class="con"><ul><li><a href="#rankings" class="text-shadow">Spielerliste</a></li><li><a href="#rankings_guild" class="text-shadow">Gildenliste</a></li></ul></div><div class="foot"></div> -->
</li>
<li><a href="#rankings_guild" class="text-shadow">Gildenliste</a></li>
<li><a href="#payment" class="text-shadow">Payment</a></li>
</ul>
<div class="right"></div>
</div>
<div id="main">
<div id="sidebar">
<div id="sidebar_left" class="ui-widget ui-helper-clearfix ui-corner-all">
<div class="sb_box ui-widget ui-widget-content ui-corner-all">
<div class="sb_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Spieler-Login</p>
</div>
<div class="sb_con ui-widget ui-widget-content ui-corner-all">
<form id="sb_login" action="index.php?s=usercp" method="post">
<table>
<tr><td>Account:</td></tr>
<tr><td><input class="bar" type="text" name="userid" maxlength="15" size="15"/></td></tr>
<tr><td>Passwort:</td></tr>
<tr><td><input class="bar" type="password" name="userpass" maxlength="15" size="15"/></td></tr>
<tr><td><input type="submit" name="submit" value="Login" class="blogin" style="margin:10px 0;"/></td></tr>
</table>
<a href="#register">Registrieren</a><br />
<a href="#lostpw">Passwort vergessen</a>
</form>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("input.blogin:submit").button({ icons: {primary:'ui-icon-circle-check'} });
});
-->
</script>
</div>
<div class="sb_foot">
</div>
</div>
<div class="sb_box ui-widget ui-widget-content ui-corner-all">
<div class="sb_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Serverstatus</p>
</div>
<div class="sb_con ui-widget ui-widget-content ui-corner-all">
<div id="stat">
<img src="images/ajax_small.gif">
</div>
<img src="images/ht.png" />
<span style="color:#b5b97e"><br> </span> Accounts<br>
<span style="color:#b5b97e"> </span> Spieler<br>
<span style="color:#b5b97e"> </span> Gilden<br>
<span style="color:#b5b97e"> </span> Items<br>
</div>
<div class="sb_foot"></div>
</div>
</div>
<div id="sidebar_right" class="ui-widget ui-helper-clearfix ui-corner-all">
<div class="sb_box ui-widget ui-widget-content ui-corner-all">
<div class="sb_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Downloads</p>
</div>
<div class="sb_con ui-widget ui-widget-content ui-corner-all">
<a id="button_download" href="#download"> </a>
</div>
<div class="sb_foot_right">
</div>
</div>
<div class="sb_box ui-widget ui-widget-content ui-corner-all">
<div class="sb_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Rangliste</p>
</div>
<div class="sb_con ui-widget ui-widget-content ui-corner-all">
<table>
<tr><td width=100 align=center><font color='#CCCCCC'>Platz</font></td>
<td width=100 align=left><font color='#CCCCCC'>Name</font></td>
<td width=50 align=left><font color='#CCCCCC'>Level</font></td></tr>
</table>
<table width="95%" border=0 cellspacing=0 cellpadding=0>
</table><br>
<img src="images/ht.png" />
<a href="#rankings">komplette Rangliste</a>
</div>
<div class="sb_foot_right"></div>
</div>
</div>
<div id="loading" class="middle_box ui-widget">
<div style="margin-top: 20px; padding: 0 .7em;" class="ui-state-highlight ui-corner-all">
<p align="left"><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-info"></span>
<strong>Laden...</strong> Die Seite wird geladen.</p>
</div>
</div>
<!--
<div id="middle_top">
<p>Loading...</p>
</div>
<div id="middle_con">
<br/>
<center><img src='images/ajax.gif' /></center>
</div>
<div id="middle_foot"> </div>
-->
<div id="content" class="ui-widget ui-corner-all">
<div class="middle_box ui-widget ui-widget-content ui-corner-all">
<div class="middle_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Neue Items</p>
</div>
<div class="middle_con ui-widget ui-widget-content ui-corner-all">
<div id="items">
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/7/71/Geschenk_%28gelb%29.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/9/93/Geschenk_%28violett%29.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/1/16/Silberner_Schl%C3%BCssel.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/1/11/Goldener_Schl%C3%BCssel.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/5/5e/Rose_gelb.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/d/d5/Rose_rot.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/0/0a/Osterei-einzeln.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/0/06/Osterkorb.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/c/cc/K%C3%BCrbis.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/b/bb/Bonbon.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/d/d8/Schokolade.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/6/62/Fu%C3%9Fball.jpg' alt="neues Item" /></a>
<a href="#itemshop" ><img src='http://www.metin2wiki.eu/images/d/dd/Glyphenstein.jpg' alt="neues Item" /></a>
</div>
<style type="text/css">
<!--
div.middle_con div#items a img {
width:32px;
height:32px;
}
-->
</style>
<img src="./images/ht.png">
<br />
<a href="#itemshop">zum Itemshop...</a>
</div>
<div class="middle_foot"></div>
</div>
<div class="middle_box ui-widget ui-widget-content ui-corner-all">
<div class="middle_top ui-widget-header ui-helper-clearfix ui-corner-all">
<p>Herzlich Willkommen</p>
</div>
<div class="middle_con ui-widget ui-widget-content ui-corner-all">
Herzlich Willkommen bei *******<br /><br />
Der Server wird bald zur Verfügung stehen.<br />
Wir werden ihn Anfang 2011 online stellen.<br /><br />
<span><i>mit freundlichen Grüßen das ******* Team</i></span>
</div>
<div class="middle_foot"></div>
</div>
</div>
<div id="footer" class="ui-helper-hidden">
<p class="copyright">© Copyright <a href="#">*****</a> 2011. Designed by <a href="#team/mashkin">M@shkin</a>. Coded by <a href="#">Ownii</a>, <a href='#'>iMer</a> and <a href="#team/mashkin">M@shkin</a>. </p>
</div>
</div>
</center>
</body>
</html>