Hier mal die 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">
<!-- Maretz.eu - Free Ilch Clan und Community Templates -->
<head>
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="include/designs/BloodyDesigns_No2/style_BloodyDesigns_No2.css" /
<link rel="stylesheet" href="include/designs/BloodyDesigns_No2/Silder/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="include/includes/js/fade.js"></script>
<!-- Do not edit IE conditional style below -->
<!--[if gte IE 5.5]>
<style type="text/css">
#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}
</style>
<![endif]-->
<!-- End Conditional Style -->
<!--/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/ -->
</script>
</head>
<body>
<!-- BREAK //-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="top:0px; position:fixed; z-index:10000;">
<tr>
<td height="30" background="include/designs/BloodyDesigns_No2/images/bg_login.png"><table width="1234" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="loginbar" align="left">{_boxes_login-bar}</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br style="clear: both;" />
<div align="center"><div id="full">
<div id="headerback" style="margin-top:10px"><div id="header" title="Willkommen bei {SITENAME}" align="left"></div></div>
<table id="full" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><img src="include/designs/BloodyDesigns_No2/buttons/links_leer.png" width="31" height="34" border="0"></td><td><a href="index.php?" title="Home" onmouseover="document.getElementById('button1').src='include/designs/BloodyDesigns_No2/buttons/home_a.png';"onmouseout=
"document.getElementById('button1').src='include/designs/BloodyDesigns_No2/buttons/home.png';"><img src="include/designs/BloodyDesigns_No2/buttons/home.png" alt=
"Home" border="0" id="button1" name="button1" /></a></td><td><a href="index.php?forum" title="Forum" onmouseover="document.getElementById('button2').src='include/designs/BloodyDesigns_No2/buttons/forum_a.png';"onmouseout=
"document.getElementById('button2').src='include/designs/BloodyDesigns_No2/buttons/forum.png';"><img src="include/designs/BloodyDesigns_No2/buttons/forum.png" alt=
"Forum" border="0" id="button2" name="button2" /></a></td><td><a href="index.php?teams" title="Teams" onmouseover="document.getElementById('button3').src='include/designs/BloodyDesigns_No2/buttons/teams_a.png';"onmouseout=
"document.getElementById('button3').src='include/designs/BloodyDesigns_No2/buttons/teams.png';"><img src="include/designs/BloodyDesigns_No2/buttons/teams.png" alt=
"Teams" border="0" id="button3" name="button3" /></a></td><td><img src="include/designs/BloodyDesigns_No2/buttons/mitte_leer.png" width="386" height="34" border="0"></td><td><a href="index.php?downloads" title="Downloads" onmouseover="document.getElementById('button4').src='include/designs/BloodyDesigns_No2/buttons/downloads_a.png';"onmouseout=
"document.getElementById('button4').src='include/designs/BloodyDesigns_No2/buttons/downloads.png';"><img src="include/designs/BloodyDesigns_No2/buttons/downloads.png" alt=
"Downloads" border="0" id="button4" name="button4" /></a></td><td><a href="index.php?gallery" title="Gallery" onmouseover="document.getElementById('button5').src='include/designs/BloodyDesigns_No2/buttons/gallery_a.png';"onmouseout=
"document.getElementById('button5').src='include/designs/BloodyDesigns_No2/buttons/gallery.png';"><img src="include/designs/BloodyDesigns_No2/buttons/gallery.png" alt=
"Gallery" border="0" id="button5" name="button5" /></a></td><td><a href="index.php?contact" title="Contact to {SITENAME}" onmouseover="document.getElementById('button6').src='include/designs/BloodyDesigns_No2/buttons/contact_a.png';"onmouseout=
"document.getElementById('button6').src='include/designs/BloodyDesigns_No2/buttons/contact.png';"><img src="include/designs/BloodyDesigns_No2/buttons/contact.png" alt=
"Contact" border="0" id="button6" name="button6" /></a></td><td><img src="include/designs/BloodyDesigns_No2/buttons/rechts_leer.png" width="35" height="34" border="0"></td>
</tr>
</table>
<table id="full" cellpadding="0" cellspacing="0" align="left">
<tr>
</td>
</tr>
</table>
<table id="full" cellpadding="0" cellspacing="0" align="left">
<tr>
<td width="245" height="172" align="left" valign="top" background="include/designs/BloodyDesigns_No2/images/box_lastforum.png"><div id="lastforumbox" align="left">{_boxes_lastforum_no2}</div></td>
<td width="219" height="172" align="left" valign="top" background="include/designs/BloodyDesigns_No2/images/box_lastnews.png"><div id="lastnewsbox" align="left">{_boxes_lastnews_no2}</div></td>
<td width="306" height="172" align="left" valign="center" background="include/designs/BloodyDesigns_No2/images/box_teamslider.png"><div id="teamslider" align="center">{_boxes_teamslider}
</div></td>
<td width="234" height="172" align="left" valign="center" background="include/designs/BloodyDesigns_No2/images/box_lastgbook.png"><div id="lastgbookbox" align="left"> {_boxes_lastgbook}</div></td>
<td width="230" height="172" align="left" valign="center" background="include/designs/BloodyDesigns_No2/images/box_partner.png"><div id="partnerbox" align="left">{_boxes_allianz}</div></td>
</tr>
</table>
<div id="online" align="center"><div id="online-box" align="center" > {_boxes_online}</div></div>
<div id="legende" align="center"><div id="legende-box" align="center">{_boxes_legende}</div></div>
<div id="contentno2">
<div id="left_col">
{_list_menunr1@
<div id="menu_heading_left" >
<div id="menu_heading_left_font">%1</div>
</div>
<div id="menuleftmiddle" align="left" valign="top" class="menuone">%2</div>
<div id="menuleftbottom" align="left" valign="bottom" ></div>
}
</div>
<div id="main_col" align="left">
<div id="main_colin">{EXPLODE}</div></div>
<div id="right_col">
{_list_menunr2@
<div id="menu_heading_right" >
<div id="menu_heading_right_font">%1</div>
</div>
<div id="menurightmiddle" align="left" valign="top" >
<div class="menutwo">%2</div>
</div>
<div id="menurightbottom" align="right" valign="bottom" ></div>
}
</div>
<br style="clear: both;" />
<table id="full" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><img src="include/designs/BloodyDesigns_No2/images/foot_site.png" width="1234" height="33" border="0" alt="footer" usemap="#bloody"><map name="bloody"><area shape="rect" coords="173,11,296,25" href="http://www.templatebar.de/209/bloodydesigns/" alt="" title="Design by Bloody Designs- 2011" target="_blank">
<area shape="rect" coords="15,3,133,30" href="#" />
<area shape="rect" coords="297,11,391,25" href="http://www.maretz.eu" alt="" title="Maretz.eu | Free Ilch Clan und Community Templates" target="_blank">
<area shape="rect" coords="1096,4,1218,30" href="#" />
</map></td>
</tr>
</table>
</div></div>
<script type="text/javascript">gradualFader.init() //activate gradual fader;</script>
</body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->
und die style.css da vieles darüber läuft:
/* Maretz.eu - Free Ilch Clan und Community Templates */
#full
{
width: 1234px;
border: none;
}
#contentno2 {
background: url(images/bg_site.png);
background-repeat: repeat;
width: 1234px;
border: none;
}
body
{
background-color: #000000;
background-image: url('images/background.jpg') ;
background-attachment:fixed;
background-position: 50% 50%;
background-repeat:repeat;
margin:0;
padding:0;
}
#headerback
{
background-image: url('images/headerback.png') ;
height: 181px;
width: 1234px;
float: left;
border: none;
}
#header
{
position:relative;
background-image: url('images/header.png') ;
height: 181px;
width: 1200px;
top: 0px;
float: left;
left: 18px;
max-width: 1200px;
max-height: 181px;
overflow: hidden;
}
#online
{
background-image: url('images/online.png') ;
height: 56px;
width: 1234px;
float: left;
border: none;
}
#legende
{
background-image: url('images/legende.png') ;
height: 23px;
width: 1234px;
float: left;
border: none;
}
#loginbar
{
position:relative;
top: 0px;
float: left;
left: 21px;
max-height: 27px;
font-size: 12px;
color: #cccccc;
overflow: hidden;
}
#leftbut
{
position:relative;
width: 30px;
height: 70px;
top: -64px;
left: 0px;
z-index: 1;
}
#rightbut
{
position:relative;
width: 30px;
height: 0px;
top: -64px;
left: 1204px;
z-index: 1;
}
#lastforumbox
{
position:relative;
width: 163px;
height: 120px;
top: 24px;
float: left;
left: 57px;
max-width: 163px;
max-height: 120px;
font-size: 12px;
color: #ffffff;
overflow: hidden;
}
#lastnewsbox
{
position:relative;
width: 163px;
height: 120px;
top: 24px;
float: left;
left: 38px;
max-width: 163px;
max-height: 120px;
font-size: 12px;
color: #ffffff;
overflow: hidden;
}
#partnerbox
{
position:relative;
width: 162px;
height: 126px;
top: 26px;
float: left;
left: 35px;
max-width: 162px;
max-height: 126px;
font-size: 12px;
color: #ffffff;
overflow: hidden;
}
#teamslider
{
position:relative;
width: 294px;
height: 162px;
top: 3px;
float: left;
left: 6px;
max-width: 294px;
max-height: 162px;
font-size: 12px;
color: #ffffff;
overflow: hidden;
}
#lastgbookbox
{
position:relative;
width: 132px;
height: 126px;
top: 26px;
float: left;
left: 65px;
max-width: 132px;
max-height: 126px;
font-size: 12px;
color: #ffffff;
overflow: hidden;
}
#legende-box
{
position:relative;
width: 1162px;
height: 20px;
top: 1px;
left: 36px;
float: left;
vertical-align:middle;
max-width: 1162px;
max-height: 20px;
font-family: Arial, Verdana;
font-size: 12px;
font-weight: bold;
color: #cccccc;
overflow: hidden;
}
#online-box
{
position:center;
width: 1300px;
height: 120px;
}
#left_col {
width: 198px;
float: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-family: Verdana, Arial;
font-size: 11px;
color: #ffffff;
overflow: hidden;
}
#menuleftmiddle {
align="top"
width: 198px;
border: none;
}
#menuleftbottom {
float: left;
align: top;
width: 174px;
height: 0px;
border: none;
}
#right_col {
width: 198px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-family: Verdana, Arial;
font-size: 11px;
color: #ffffff;
overflow: hidden;
}
#menurightmiddle {
width: 198px;
float: left;
border: none;
}
#menurightbottom {
width: 198px;
height: 0px;
float: left;
border: none;
}
#menu_heading_left
{
background: url(images/left_top.png);
width: 198px;
height: 22px;
color: #a3a3a3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
}
#menu_heading_left_font
{
color: #656565;
font-family: Stencil Std, Arial;
font-size: 16px;
font-weight: normal;
text-shadow: 1px 1px 0 #212121;
float: center;
padding-top: 2px;
}
#menu_heading_right
{
background: url(images/right_top.png);
width: 198px;
height: 22px;
color: #a3a3a3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
margin-left: 0px;
}
#menu_heading_right_font
{
color: #656565;
font-family: Stencil Std, Arial;
font-size: 16px;
font-weight: normal;
text-shadow: 1px 1px 0 #212121;
float: center;
padding-top: 2px;
}
#main_col {
width: 838px;
float: left;
z-index:1;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
clear: none;
color: #ffffff;
text-align:left;
font-size: 12px;
font-family: Verdana,Arial;
overflow: hidden;
z-index:2;
}
#main_colin
{
width: 826px;
float: left;
padding-top: 3px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 3px;
font-family: Verdana, Arial;
font-size: 12px;
color: #ffffff;
max-width:826px;
overflow: hidden;
}
#footend
{
background-image: url(images/foot_end.png);
width: 974px;
height: 38px;
float: center;
font-family: Verdana, Arial;
font-size: 10px;
color: #d8d8d8;
border: none;
}
.menuone
{
width: 177px;
float: left;
padding-top: 1px;
padding-left: 17px;
padding-right: 4px;
padding-bottom: 1px;
color: #ffffff;
max-width:173px;
overflow: hidden;
}
.menutwo
{
width: 177px;
float: left;
padding-top: 1px;
padding-left: 4px;
padding-right: 17px;
padding-bottom: 1px;
color: #ffffff;
max-width:173px;
overflow: hidden;
}
.a
{
color: #565656;
}
.menu
{
display:block;
float: center;
color: #A0A0A0;
font-size: 12px;
width: 177px;
height: 29px;
text-align:center;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
line-height: 27px;
background-image: url('images/menu_normal.png');
background-repeat: no-repeat;
}
.menu:hover
{
display:block;
float: center;
color: #ffffff;
font-size: 13px;
width: 177px;
height: 29px;
text-align:center;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
line-height: 27px;
background-image: url('images/menu_over.png');
background-repeat: no-repeat;
}
.title
{
font-size: 16px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}
.newstext
{
font-size: 12px;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #A0A0A0;
}
.bcontent
{
margin-left: 10px;
}
td
{
font-family: Verdana;
font-size: 11px;
color: #727272;
}
a
{
color: #727272;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a:hover
{
color: #969696;
text-decoration: none;
}
a.box
{
color: #727272;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a.box:hover
{
color: #969696;
text-decoration: none;
}
.Chead
{
background-color: #1f1f1f;
color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
color: #cccccc;
}
.Callg
{
color: #ff0000;
}
.Callg td
{
color: ff0000;
}
.Cnorm
{
background-color: #ffffff;
color: #2f2f2f;
}
.Cmite
{
background-color: #ffffff;
color:#2f2f2f;
}
.mite
{
background-color: #ffffff;
color:#0A0A0A;
}
.Cdark
{
background-color: #1f1f1f;
color: #3F3F3F;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#Ballg
{
color: #FF0000;
background-color: #ff0000;
}
#Ballg td
{
color: #ff0000;
background-color: #ff0000;
}
.Bhead
{
color: #ff0000;
}
.Bbody
{
color: #ff0000;
}
.smalfont
{
color: #606060;
font-size: 10px;
text-decoration: none;
}
.smallfont
{
color: #606060;
font-size: 12px;
text-decoration: none;
}
.smalfont_copyright
{
color: #2f2f2f;
font-size: 11px;
text-decoration: none;
}
.dltext
{
color: #ffffff;
font-size: 11px;
text-decoration: none;
}
.downloads
{
background-color: #E6E6E6;
color: #0A0A0A;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url('bilder/td_bg2.jpg');
background-repeat: repeat-x
}
.border
{
background-color: #000000;
}
a.border
{
color: #01414;
}
.rand
{
border: 1px solid #000000;
}
hr
{
height: 1px;
border: solid #000000 1px;
border-top-width: 1px;
width: 100%;
}
input, textarea, select
{
color: #2f2f2f;
background-color: #cccccc;
font: 11px Verdana;
border-color: #000000;
border-width: 1px;
border-style: double;
font-weight: normal;
text-decoration: none;
}
#menu {}
#menu ul { padding-left: 10px; margin-left: 10px; }
#smallmenu { }
#smallmenu li { font-size: 11px; }
#smallmenu a { font-size: 11px; }
.sbback
{
background-color: #575757;
color:#0b0b0b;
}
.sbback2
{
background-color: #6b6b6b;
color:#0b0b0b;
}
.content
{
font-size: 11px;
font-weight: bold;
color: #0094FF;
}
legend
{
font-size: 12px;
font-weight: normal;
color: #ffffff;
}
fieldset
{
overflow: auto;
border: 1px solid #000000;
}
input
{
overflow: auto;
border: 1px solid #000000;
}
textarea
{
overflow: auto;
border: 1px solid #000000;
}
.no1_news_da {color: #cccccc; font-size: 12px; height: 32px; padding-left: 0px; width: 50px;}
.no1_news_break {color: #cccccc; font-size: 12px; height: 32px;}
.lastgbookbox {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.lastgbookbox:hover {color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.warsbox {color: #cccccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.warsbox:hover {color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#motioncontainer {
width: 1202px;
height: 75px;
top: 7px;
float: left;
left: 17px
}
#motioncontainer a img {
border: 0px solid #cccccc;
}
#motioncontainer a:hover img {
border: 0px solid navy;
}
#statusdiv {
background-color: lightyellow;
border: 0px solid gray;
padding: 0px;
position: absolute;
left: 0px;
visibility: hidden;
}
#motioncontainer a:hover {
color: red;
}
Zuletzt modifiziert von lbg am 23.07.2011 - 16:51:14