Vermischtes

<!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>Flickr Menu</title>
<style type="text/css">
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#FFFFFF;}
#container{margin:0 auto; width:600px;margin-top:30px;}
a:link, a:visited{color:#0066CC; text-decoration:none;}
a:hover{text-decoration:underline;}
ul, li{margin:0; border:0; list-style:none; padding:0;}
ul{border-bottom:dotted 1px #DEDEDE;}
ul{height:21px;  z-index:0;}
li{display:inline; position:relative;}
.menu span{border:solid 1px #EFEFEF; padding:4px 2px 4px 6px; border-bottom:none; margin-right:10px; line-height:18px; }
	.menu span a{font-weight:bold;}
	.menu span:hover{border:solid 1px #DEDEDE; border-right:1px solid #999999; border-bottom:none;}
	.arrow{margin-left:4px; cursor:pointer; }
.sub_menu{display:none; float:left; border:solid 1px #DEDEDE; border-top:none; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:10px; top:2px; width:120px; background:#FFFFFF; }
	.sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover{display:block; font-size:11px; padding:4px; }
.item_line{border-top:solid 1px #DEDEDE; }

</style>
<script language="javascript">
function showMenu(id_menu){
var my_menu = document.getElementById(id_menu);
if(my_menu.style.display=="none" || my_menu.style.display==""){
	my_menu.style.display="block";
	} else { 
	my_menu.style.display="none";
	}
}
function swapImage(idStatus){
	if(idStatus==0){
		document.arrow_profile.src ="arrow_hover.png";
	} else if(idStatus==1){
		document.arrow_profile.src ="arrow_select.png";
	} else if(idStatus==2){
		document.arrow_profile.src ="arrow.png";
	}
	
}
</script>
</head>

<body>
<div id="container">
<ul>
<li class="menu" id="profil"><span><a href="index.html">Startseite</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>

</li>
<li class="menu" id="profil"><span><a href="index.html">Profil</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile0')" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>
    <div class="sub_menu" id="id_menu_profile0">
        <a href="index.html">Mein Profil</a>
        <a href="index.html">Mein Profil Live</a>
        <a href="index.html">Add photo</a>
        <a href="index.html" class="item_line">Meine Fotoalben</a>   </div>

</li>
<li class="menu" id="friends"><span><a href="index.html">Freunde</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile1')" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>
    <div class="sub_menu" id="id_menu_profile1">
        <a href="index.html">Gerade online</a>
        <a href="index.html">Alle Freunde</a>
        <a href="index.html" class="item_line">Freunde einladen</a>
        <a href="index.html">Freunde finden</a>   </div>

</li>
<li class="menu" id="mailbox"><span><a href="index.html">Mailbox</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile2')" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>
    <div class="sub_menu" id="id_menu_profile2">
        <a href="index.html">Posteingang</a>
        <a href="index.html">Postausgang</a>
        <a href="index.html" class="item_line">Nachricht schreiben</a>
				</div>

</li>
<li class="menu" id="groups"><span><a href="index.html">Gruppen</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile3')" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>
    <div class="sub_menu" id="id_menu_profile3">
        <a href="index.html">Gerade online</a>
        <a href="index.html">Meine Gruppen</a>
        <a href="index.html" class="item_line">Gruppe gründen</a>
				</div>

</li>
<li class="menu" id="post"><span><a href="index.html">Posten</a> <img src="arrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile4')" onmouseup="javascript:swapImage(1)" onmouseover="javascript:swapImage(0)" onmouseout="javascript:swapImage(2)"></span>
    <div class="sub_menu" id="id_menu_profile4">
        <a href="index.html">Video posten</a>
        <a href="index.html">Foto posten</a>
        <a href="index.html">Gedanken posten</a>		
        <a href="index.html">Frage stellen</a>

				</div>
</li>
</ul>
</div>


</body>
</html>