hab mir auf http://www.dynamicdrive.com/ dieses Dropdown HTML Control für meine Homepage runtergeladen
Downloadlink:
http://www.php-development.ru/javascrip ... opdown.zip
will dieses menü für meinen overall_header verwenden... allerdings weiß ich nicht wie man mehrere menüs machen kann. bei mir funktiniert immer nur eines...
so sieht mein overall_header aus:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/Saphic/{T_HEAD_STYLESHEET}" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="JavaScript" type="text/javascript">
<!--
window.status="{PRIVATE_MESSAGE_INFO}"
// -->
</script>
<script type="text/javascript" src="dropdown.js">
</script>
<style type="text/css">
div.sample_attach, a.sample_attach
{
width: 100px;
border: 0px solid black;
background-image: url(images/top.gif);
padding: 4px 8px 6px 8px;
font-weight: 400;
color: EEEEEE;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
a.sample_attach
{
background: #4F4F4F;
display: block;
border-bottom: none;
text-decoration: none;
color: EEEEEE;
font-size: 11px;
font-weight: bold;
padding: 4px 8px 6px 8px;
background-image: url(images/top.gif);
}
form.sample_attach
{
background: #4F4F4F;
color: EEEEEE;
position: absolute;
visibility: hidden;
border: 0px solid black;
background-image: url(images/top.gif);
padding: 4px 8px 6px 8px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
</style>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="780" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="753" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td align="center"><img src="templates/Saphic/images/top.gif" alt="top"></td>
</tr>
<tr>
<td height="25" class="nav1" align="center">
<ul class="nav_top">
<div id="menu_parent" class="sample_attach">
Gam
</div>
<div id="menu_child" style="position: absolute; visibility: hidden;">
<a class="sample_attach" href="#">Item 1</a>
<a class="sample_attach" href="#">Item 2</a>
<a class="sample_attach" style="border-bottom: 1px solid black;" href="#">Item 3</a>
<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
<script type="text/javascript">
at_attach("src_parent", "src_child", "click", "x", "pointer");
</script>
</ul>
</td>
</tr>
</table>
<br />