Meine aktuelle Page:
gotr-clan.bplaced.net/index.php
Das Template zum neuen Design:
externer Link
Downloadlink zum neuen design:
externer Link
Inhalt der index.htm
<!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>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="include/designs/neu/perfect.css" />
<script type="text/javascript">
<!--
function Roster(usrName)
{
var collection = usrName;
document.getElementById('namedisplay').innerHTML = collection;
}
function RosterClean()
{
document.getElementById('namedisplay').innerHTML = "Hover Above";
}
// -->
</script>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<!--
/*
* Copyright 2009 ClanTemplates.com
* DredworkZ is a free template by Agressions and Keyl10 at ClanTemplates.com
* No part of this file may be redistributed without written permission
* Design by Agressions - http://agressions.com
* Coded by Keyl10 - http://xhtmlpros.com
*/
-->
</head>
<body>
<div id="container">
<ul id="nav">
<li><a id="nav_home" href="?index.php"><span><img src="include/designs/neu/i/nav_home.jpg" alt="" /></span></a></li>
<li><a id="nav_roster" href="?roster.php"><span><img src="include/designs/neu/i/nav_roster.jpg" alt="" /></span></a></li>
<li><a id="nav_matches" href="?matches.php"><span><img src="include/designs/neu/i/nav_matches.jpg" alt="" /></span></a></li>
<li><a id="nav_infotainment" href="?infotainment.php"><span><img src="include/designs/neu/i/nav_infotainment.jpg" alt="" /></span></a></li>
<li><a id="nav_forums" href="?forums.php"><span><img src="include/designs/neu/i/nav_forums.jpg" alt="" /></span></a></li>
<li><a id="nav_aboutus" href="?aboutus.php"><span><img src="include/designs/neu/i/nav_aboutus.jpg" alt="" /></span></a></li>
<li><a id="nav_achievements" href="achievements.php"><span><img src="include/designs/neu/i/nav_achievements.jpg" alt="" /></span></a></li>
<li><a id="nav_contact" href="?contact.php"><span><img src="include/designs/neu/i/nav_contact.jpg" alt="" /></span></a></li>
<li><a id="nav_sponsors" href="?sponsors.php"><span><img src="include/designs/neu/i/nav_sponsors.jpg" alt="" /></span></a></li>
</ul>
<div id="banner"></div>
<div id="left">
<div id="head_forum_login"></div>
<div class="left_box">
{_boxes_login}
<div class="clear"></div>
</div>
<div id="recent_matches">
{_boxes_nextwars}
</div>
<div id="last_matches">
{_boxes_lastwars} </div>
<div id="most_downloaded_files">
{_boxes_online}
</div>
</div>
<div id="center">
<div class="content_border">
<div class="content">
{EXPLODE}
<div class="clear"></div>
</div>
</div>
</div>
<div id="right">
<div id="head_sponsor"></div>
<div class="right_box">
<center><a href="www.clantemplates.com"><img src="include/designs/neu/i/clantemplates_head_sponsor.png" alt="" /></a></center>
</div>
<div id="main_sponsors"></div>
<div id="sponsors">
<a href="http://www.letsbrowse.net/"><img src="include/designs/neu/i/lets_browse.jpg" alt="" /></a>
<a href="http://www.xhtmlpros.com/"><img src="include/designs/neu/i/xhtml_pros.jpg" alt="" /></a>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<a id="ctrelease" href="http://www.clantemplates.com"></a>
<div id="foot">
<p>© content copyright 2009 <strong>DREDWORKZ</strong>.</p>
<p>No items may be reproduced without permission of the original owner.</p>
</div>
<div id="footer_right">
<a href="http://www.letsbrowse.net" id="lb"></a>
<a href="http://www.xhtmlpros.com" id="xp"></a>
<div id="footer_fix">ctdredworkz</div></div>
</div>
</body>
</html>
Inhalt der perfect.css
@charset "utf-8";
/* CSS Document */
body {
background: #000;
margin: 0;
color: #3b3b3b;
font-family: "Trebuchet MS",serif;
font-size: 12px;
}
img, a img {
border: none;
}
ul li
{
float: left;
}
#container {
background: url(i/fg.jpg) repeat-y;
width: 1000px;
margin: 0 auto;
padding: 0 0 5px 0;
}
ul#nav {
background: url(i/nav.jpg);
width: 997px;
height: 60px;
padding: 0 0 0 3px;
margin: 0;
list-style: none;
}
ul#nav li {
float: left;
}
ul#nav li a {
display: block;
float: left;
height: 60px;
text-decoration: none;
}
ul#nav li a span {
visibility: hidden;
}
ul#nav li a:hover span {
visibility: visible;
}
ul#nav li a#nav_home {
width: 78px;
}
ul#nav li a#nav_roster {
width: 95px;
}
ul#nav li a#nav_matches {
width: 105px;
}
ul#nav li a#nav_infotainment {
width: 146px;
}
ul#nav li a#nav_forums {
width: 98px;
}
ul#nav li a#nav_aboutus {
width: 107px;
}
ul#nav li a#nav_achievements {
width: 149px;
}
ul#nav li a#nav_contact {
width: 102px;
}
ul#nav li a#nav_sponsors {
width: 115px;
}
#banner {
background: url(i/banner.jpg.jpg);
width: 1000px;
height: 175px;
}
#left {
width: 214px;
float: left;
}
#head_forum_login {
background: url(i/head_forum_login.jpg);
width: 214px;
height: 47px;
}
.left_box {
background: url(i/login_bg.jpg) repeat-y;
width: 214px;
padding: 0 0 3px 0;
border-bottom: solid 1px #262626;
}
.left_box form {
margin: 0 4px;
padding: 2px 0;
}
#username {
background: url(i/username.jpg);
width: 194px;
height: 17px;
border: none;
padding: 5px 5px 0 5px;
margin: 0 0 2px 0;
font-weight: bold;
font-size: 11px;
}
#password {
background: url(i/password.jpg);
width: 194px;
height: 17px;
border: none;
padding: 5px 5px 0 5px;
margin: 0 0 2px 0;
font-weight: bold;
font-size: 11px;
}
#login_now {
background: url(i/loginnow.jpg);
width: 84px;
height: 24px;
margin: 0 2px 0 0;
padding: 0;
float: right;
border: none;
cursor: pointer;
}
.left_box form img {
float: left;
margin: 0 2px 0 0;
}
#recent_matches {
background: url(i/recent_matches.jpg);
width: 212px;
height: 45px;
}
ul#match_list {
width: 212px;
padding: 0;
margin: 0;
list-style: none;
}
ul#match_list li {
width: 172px;
padding: 7px 0 0 40px;
height: 25px;
line-height: 10px;
}
.opponent {
float: left;
color: #d0d0d0;
font-weight: bold;
}
.game {
color: #ea512c;
font-size: 9px;
font-weight: normal;
width: 125px;
}
.win {
float: left;
font-weight: bold;
color: #64d527;
}
.lose {
float: left;
font-weight: bold;
color: #d52e27;
}
ul#match_list li.quake {
background: url(i/quake_match.jpg);
}
#members_roster {
background: url(i/head_members_roster.jpg);
width: 214px;
height: 46px;
clear: both;
}
#roster {
margin: 3px 0 0 3px;
}
#roster img {
margin: 0 2px 2px 0;
float: left;
}
#namedisplay {
background: url(i/namedisplay.jpg);
width: 193px;
height: 23px;
padding: 3px 10px;
color: #fff;
font-weight: bold;
clear: both;
}
#namedisplay em {
font-style: normal;
color: #d52e27;
}
#most_downloaded_files {
background: url(i/head_most_downloaded_files.jpg);
width: 214px;
height: 46px;
}
ul#files {
width: 212px;
padding: 0;
margin: 0;
list-style: none;
}
ul#files li {
background: url(i/files_bg.jpg);
width: 202px;
padding: 7px 0 0 10px;
height: 25px;
line-height: 10px;
}
.file {
float: left;
color: #d0d0d0;
font-weight: bold;
}
.details {
color: #ea512c;
font-size: 9px;
font-weight: normal;
}
#center {
background: url(i/middle_top_bg.jpg) top no-repeat #fff;
width: 562px;
padding: 5px;
float: left;
}
#quake_live {
background: url(i/quake_live.jpg);
width: 562px;
height: 120px;
}
.content_border {
border: 1px solid #e0e0e0;
width: 560px;
margin: 0 0 4px 0;
}
.content {
background: url(i/content.jpg) repeat-y;
width: 558px;
border: 1px solid #fff;
}
.content_left {
width: 126px;
float: left;
padding: 6px 3px;
}
.content_left img {
margin: 5px 0;
}
.content_left p {
padding: 0;
margin: 0;
line-height: 14px;
clear: both;
}
.content_left strong {
color: #d52e27;
}
.content_left strong a {
color: #d52e27;
text-decoration: none;
}
.content_left strong a:hover {
text-decoration: underline;
}
.content_left a {
color: #3b3b3b;
text-decoration: none;
}
.content_left a:hover {
text-decoration: underline;
}
.content_right {
width: 406px;
float: right;
padding: 6px 10px;
}
.content_right h1 {
font-size: 18px;
color: #d52e27;
margin: 0 0 5px 0;
padding: 0;
}
.content_right h2 {
font-size: 16px;
margin: 0 0 5px 0;
padding: 0;
}
.content_right a {
color: #3b3b3b;
text-decoration: underline;
}
.content_right a:hover {
text-decoration: none;
}
.content_right p {
margin: 0;
padding: 0 0 10px 0;
}
.news_category {
background: url(i/news_category.jpg) no-repeat;
width: 126px;
height: 9px;
}
.posted_by {
background: url(i/news_posted_by.jpg) no-repeat;
width: 126px;
height: 10px;
margin: 6px 0 0 0;
}
.date {
background: url(i/date_and_time.jpg) no-repeat;
width: 126px;
height: 11px;
margin: 6px 0 0 0;
}
.options {
background: url(i/options.jpg) no-repeat;
width: 126px;
height: 11px;
margin: 6px 0 0 0;
}
#right {
width: 214px;
float: right;
}
#head_sponsor {
background:url(i/head_head_sponsor.jpg);
width: 214px;
height: 46px;
}
.right_box {
background: url(i/login_bg.jpg) repeat-y;
width: 214px;
padding: 6px 0;
}
#main_sponsors {
background: url(i/head_main_sponsor.jpg);
width: 214px;
height: 46px;
}
#sponsors a img {
float: left;
}
.clear {
clear: both;
}
#footer {
background: url(i/fg.jpg) repeat-y;
width: 1000px;
height: 57px;
margin: 0 auto;
}
a#ctrelease {
background: url(i/ctrelease.jpg);
width: 214px;
height: 57px;
float: left;
}
#foot {
background: url(i/footer.jpg) repeat-x;
width: 552px;
height: 47px;
margin: 0 5px;
float: left;
padding: 5px;
}
#foot p {
clear: both;
color: #888;
line-height: 15px;
margin: 0;
padding: 0;
}
#footer_right {
background: url(i/footer_right.jpg);
width: 214px;
height: 57px;
float: left;
}
#footer_fix {
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
}
a#lb {
margin: 5px 5px 0 5px;
width: 204px;
height: 20px;
display: block;
}
a#xp {
margin: 1px 5px 0 5px;
width: 204px;
height: 20px;
display: block;
}
Und so sieht meine aktuelle Page aus wenn ich das neue design verwenden will:
Zuletzt modifiziert von LittleBIGFan am 12.01.2010 - 17:13:13
Zitat geschrieben von Chapter
aber das design stimmt shconmal 
die meisten boxen auch obwohl sie in der index.html angegeben sind
