ich habe mir jetzt ein design auf mmeinem webspace installiert.. funkioniert auch alles wunderbar aber ich möchte daran ,ein paar veränderungen vornehmen...
die linken boxen sollen nach rechts damit die news allein links stehen..
außerdem soll das design dann mittig zentriert sein damit man links und rechts eine hintergrundgrafik erkennen kann...
und ich würde gerne dann noch das dropdown menü anpassen damit es dann nicht so verschoben aussieht...
wie ich bereits gestern in einem anderen thread schrieb sollte das design von der form her so aussehehn:
externer Link
ich hänge mal meine index.htm dran:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/storm/style.css"/>
<title>{TITLE}</title>
<meta http-equiv="content-language" content="de" />
<script language="javascript">
var hauptmenuepunkt=new Array();
var submenue=new Array();
hauptmenuepunkt[0]="INFORMATION";
submenue[0]="sub1";
hauptmenuepunkt[1]="TEAM";
submenue[1]="sub2";
hauptmenuepunkt[2]="COMMUNITY";
submenue[2]="sub3";
hauptmenuepunkt[3]="MEDIA";
submenue[3]="sub4";
var vorher="sub1";
function show_submenue(menuepunkt,lnk)
{
for(i=0;i<hauptmenuepunkt.length;i++)
{
if(hauptmenuepunkt[i]==menuepunkt.childNodes[0].childNodes[0].nodeValue)
{
menue=submenue[i];
}
}
if(menue!="none")
{
if(vorher=="")
{
fade(0,menue,vorher);
vorher=menue;
}
else
{
if(vorher!=menue)
{
fade(0,menue,vorher);
vorher=menue;
}
}
}
else
{
if(vorher!="")
{
fade(0,'',vorher);
vorher="";
}
}
}
function fade(step, menue, vorher)
{
step = step || 0;
if(menue!="")
{
document.getElementById(menue).style.display="block";
document.getElementById(menue).style.opacity = step/100;
document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; // IE
}
step = step + 2;
if(vorher!="")
{
document.getElementById(vorher).style.opacity=1-(step/100);
document.getElementById(vorher).style.filter = "alpha(opacity=" + (100-step) + ")"; // IE
//document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")";
}
if (step <= 100)
{
if(vorher!="" && step==100)
{
document.getElementById(vorher).style.display="none";
}
window.setTimeout(function () { fade(step, menue, vorher); }, 1);
}
}
</script>
</head>
<body style="margin:0">
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="width:1000px; padding:0px">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_01.gif" width="326" height="241" /></div>
<div style="float:left; width:674px; height:241px;">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_02.gif" width="674" height="39" /></div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_03.gif" width="167" height="60" /></div>
<div style="float:left"><a href="http://www.stb-gaming.de.de" target="_blank"><img src="include/designs/storm/Bilder/stbgaming.jpg" alt="stbGAMING" style="border:0; width:468; height:60;"></a></div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_05.gif" width="39" height="60" /></div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_06.gif" width="674" height="48" /></div>
<div id="masterdiv">
<div style="float:left; height:47px; width:674px; border:0">
<div align="center" style="float:left; width:120px; height:27px; padding-top:20px; background-image:url(include/designs/storm/Bilder/storm_v5_07_01.gif)"> <a style="color:#FFFFFF" href="index.php?news" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">INFORMATION</span></a> </div>
<div align="center" style="float:left; width:120px; height:27px; padding-top:20px"> <a style="color:#FFFFFF" href="index.php?teams" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">TEAM</span></a> </div>
<div align="center" style="float:left; width:120px; height:27px; padding-top:20px"> <a style="color:#FFFFFF" href="index.php?forum" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">COMMUNITY</span></a> </div>
<div align="center" style="float:left; width:120px; height:27px; padding-top:20px"> <a style="color:#FFFFFF" href="index.php?downloads" onmouseover="show_submenue(this);"><span style="font-weight:bold; font-size:12px">MEDIA</span></a> </div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_11.gif" width="93" height="47" /></div>
</div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_12.gif); padding-top:10px; width:674px; height:47px;">
<div id="sub1" style="float:left; position:absolute">
<a class="subnavi" href="index.php?news" onmouseover="show_submenue(this);">» News</a>
<a class="subnavi" href="index.php?articles" onmouseover="show_submenue(this);">» Artikel</a> </div>
<div id="sub2" style="float:left; display:none; position:absolute">
<a class="subnavi" href="index.php?teams" onmouseover="show_submenue(this);">» Teams</a>
<a class="subnavi" href="index.php?wars" onmouseover="show_submenue(this);">» Matches</a>
<a class="subnavi" href="index.php?joinus" onmouseover="show_submenue(this);">» Join us</a>
<a class="subnavi" href="index.php?fightus" onmouseover="show_submenue(this);">» Fight us</a> </div>
<div id="sub3" style="float:left; display:none; position:absolute">
<a class="subnavi" href="index.php?forum" onmouseover="show_submenue(this);">» Forum</a>
<a class="subnavi" href="index.php?user" onmouseover="show_submenue(this);">» User</a>
<a class="subnavi" href="index.php?gallery" onmouseover="show_submenue(this);">» Gallery</a>
</div>
<div id="sub4" style="float:left; display:none; position:absolute">
<a class="subnavi" href="index.php?downloads" onmouseover="show_submenue(this);">» Downloads</a>
<a class="subnavi" href="index.php?links" onmouseover="show_submenue(this);">» Affilates</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div style="width:1000px; padding:0px;">
<table width="1000" border="0" cellspacing="0" cellpadding="0" style="background-image:url(include/designs/storm/Bilder/storm_v5_004.gif); background-repeat:repeat-y">
<tr>
<td valign="top">
<div style="float:left; width:272px;">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_13.gif" width="272" height="65" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_15.gif); width:222px; padding-left:50px; height:165px;">{_boxes_login}</div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_18.gif" width="272" height="57" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_27.gif); background-repeat:no-repeat; width:212px; padding-left:60px">{_boxes_allianz}</div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_24-26.gif" width="272" height="57" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_27.gif); width:202px; padding-left:70px">{_boxes_statistik}</div>
</div>
</td>
<td valign="top">
<div style="float:left; width:728;">
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_14_01.gif); height:189px; width:496px; padding-left:4px; padding-top:4px">{_boxes_features}</div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_14_02.gif); height:193px; width:228px">{_boxes_lastwars}</div>
</div>
<div style="float:left; width:728;">
<!--nur in index_news.htm /><!-->
<div style="float:left; width:224px;">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_16.gif" width="224" height="69" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_28.gif); width:214px; padding-left:10px; padding-bottom:10px">{_boxes_lastnews}</div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_23.gif" width="224" height="69" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_28.gif); width:214px; padding-left:10px; padding-bottom:10px">{_boxes_lastloads}</div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_44.gif" width="224" height="69" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_28.gif); width:214px; padding-left:10px; padding-bottom:10px">{_boxes_lastforum}</div>
</div>
<div style="float:left; width:504px">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_17.gif" width="504" height="37" /></div>
<div style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_19.gif); max-width:465px; width:465px; padding-left:1px">{EXPLODE}</div>
</div>
<!--nur in index_news.htm /><!-->
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div style="width:1000px; padding:0px">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_29_01.gif" width="1000" height="20" /></div>
</div>
<div style="width:1000px; padding:0px">
<div align="center" style="float:left; background-image:url(include/designs/storm/Bilder/storm_v5_29_02.gif); width:1000px;">
<div align="center">Copyright© 2010 by Clanname :: All rights reserved<br />
Design by <a href="http://www.stb-gaming.de">stbGAMING</a> & <a href="http://www.chopmania.de">Chopmania</a></div>
</div>
</div>
<div style="width:1000px; padding:0px">
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_29_04.gif" width="418" height="26" /></div>
<div style="float:left"><a href="?impressum"><img src="include/designs/storm/Bilder/storm_v5_29_05.gif" width="89" height="26" border="0" /></a></div>
<div style="float:left"><a href="?contact"><img src="include/designs/storm/Bilder/storm_v5_29_06.gif" width="108" height="26" border="0" /></a></div>
<div style="float:left"><img src="include/designs/storm/Bilder/storm_v5_29_07.gif" width="385" height="26" /></div>
</div>
</td>
</tr>
</table>
</body>
</html>
betroffene Homepage: frenetic-sports.com
Zitat geschrieben von Zuba
