So da bin ich mal wieder mit einer weiteren Frage^^
Und zwar bin ich und ein Clan Kollege gerade dabei ein Neues Design für meinen Clan nwgg.net zu machen.
So die Beta ist schon fertig und wir wollten die jetzt mal Ilch Tauglich machen.
Wie ihr auf jeykey1.je.funpic.de/ sehen werdet ist eine Navi oben zu sehen. Einen Roll over haben wir schon beim Button Main geschafft. Doch wir wollen das ein Menü runtersscrollt wenn man mit der maus rüber geht. Hier kommt das problem, wir wollen das dieses Menü dynamisch ist und wir beide kriegen das nicht hin! Mit Dynamisch meine ich das man per Ilch admin neue Inhalte in die Navigation(bei uns die runterscrollende Box) hinzufügen kann.
Ich zeige euch hier mal den HTML und CSS code:
HTML Code:
<!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>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="include/designs/nwgg_website2_beta1/style.css">
</head>
<body bgcolor="#bcccd6" class="Background">
<div id="Background">
<div class="Top"></div>
<table width="903" border="0" cellspacing="0" cellpadding="0" class="Header">
<tr>
<td colspan="6" align="center" background="include/designs/nwgg_website2_beta1/img/Login.png" width="646">{_boxes_vtec-loginh}</td>
<td background="include/designs/nwgg_website2_beta1/img/Header_Top.png" width="257"></td>
</tr>
<tr>
<td colspan="7" background="include/designs/nwgg_website2_beta1/img/Header_Main.png" width="903" height="155"></td>
</tr>
<tr>
<td background="include/designs/nwgg_website2_beta1/img/Navi_Links.png" width="17" height="65"> </td>
<td width="112" background="include/designs/nwgg_website2_beta1/img/Button_Main.png">
<div class="Navi_Main">
{_list_menunr2@
<ul>
<li><a class="hide" href="" id="Listentop"></a>
<ul id="untertopliste"><li><a>%2</a></li></ul>
</li>
</ul>
}
</div>
</td>
<td width="116" background="include/designs/nwgg_website2_beta1/img/Button_Community.png"></td>
<td width="114" background="include/designs/nwgg_website2_beta1/img/Button_ClanNavi.png"> </td>
<td width="112" background="include/designs/nwgg_website2_beta1/img/Button_Impressum.png"> </td>
<td width="175" background="include/designs/nwgg_website2_beta1/img/Navi_Rechts.png"> </td>
<td background="include/designs/nwgg_website2_beta1/img/Search.png"> </td>
</tr>
</table>
CSS code:
<!-------------- Navigation ---------------------------!>
.Navi_Main {font-family: arial, sans-serif; width:112px; height:65px; position:relative; font-size:11px; z-index:100;}
.Navi_Main ul li a, .Navi_Main ul li a:visited {display:block; text-decoration:none; width:112px; text-align:center; color:#fff; border:0px solid #fff; background:url(img/Button_Main.png); line-height:20px; font-size:11px; overflow:hidden; z-index:100;}
.Navi_Main ul {padding:0; margin:0; list-style: none; z-index:100;}
.Navi_Main ul li {float:left; position:relative; z-index:100;}
.Navi_Main ul li ul {display: none;}
.Navi_Main ul li:hover a {color:#fff; background:url(img/Button_Main_Rollover.png); z-index:100;}
.Navi_Main ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:112px; z-index:100;}
.Navi_Main ul li:hover ul li a.hide {background:#6a3; color:#fff; z-index:100;}
.Navi_Main ul li:hover ul li:hover a.hide {background:#6fc; color:#000; z-index:100;}
.Navi_Main ul li:hover ul li ul {display: none; height:20px;}
.Navi_Main ul li:hover ul li a {display:block; background:#ddd; color:#000; z-index:100;}
.Navi_Main ul li:hover ul li a:hover {background:#6fc; color:#000; z-index:100;}
.Navi_Main ul li:hover ul li:hover ul {display:block; position:absolute; left:112px; top:0; z-index:100;}
.Navi_Main ul li:hover ul li:hover ul.left {left:-112px; z-index:100;}
#untertopliste {top:65px; height:20px; z-index:100;}
#Listentop {height:65px; z-index:100;}
#listenelement {height:20px; z-index:100;}
Ich danke schonmal im vorraus für jede Hilfe!
Mit freundlichen Grüßen
MGG
PS: Ich weiß das mein CSS code nicht gerade der beste ist^^
verwendete ilchClan Version: 1.1
betroffene Homepage: jeykey1.je.funpic.de/
Zuletzt modifiziert von MGG am 07.06.2009 - 20:20:21
