Geschrieben von +LoNeLy-LuCk+ am 13.04.2006 um 22:15:
<html>
<head>
<title>LaValle dei Cavalli</title>
<meta name="authors" content="">
<meta name="description" content="LaValle dei Cavalli, eine VPH, auf der dich viele Aktionen, eine nette Community und viel Spaß erwarten!">
<link type="text/css" href="style.css" rel="stylesheet">
<script language="JavaScript">
// www:
http://www.javarea.de
// Copyright by javarea.de
function goToURL() { history.go(-1); }
</script>
<style>
.menu
{
background-color:#79A793;
border:1px solid #000000;
width:109px;
font-size:11px;
font-family:verdana;
position: absolute;
color:#000000;
cursor:hand;
background-image: url('http://people.freenet.de/kaninchentina/LVDesi.gif');
}
.item_panel
{
width:45px;
border-left:1px solid #000000;
border-right:1px solid #000000;
clip:rect(0,0,0,0);
position:absolute;
}
.item_panel a
{
text-decoration:none;
color:#000000;
cursor:hand;
}
.item
{
background-color: #9EC0B2;
width: 100px;
font-size: 10px;
font-family: verdana;
}
</style>
<script language="JavaScript">
// www:
http://www.javarea.de
// Copyright by javarea.de
var height = 20; // Hoehe der Menuekoepfe
var iheight = 12; // Hoehe der Menueelemente
var bgc = "#E6D39D" // background color of the item
var tc = "#3C331E" // text color of the item
var over_bgc = "#E5D6B2";
var over_tc = "#3C331E";
var speed = 0;
var timerID = "";
var N = (document.all) ? 0 : 1;
var width = 105;
var self_menu = new Array();
function write_menu()
{
smc = 0; // count the position of the self_menu
document.write("<div style='position:absolute'>");
mn = 0;
mni = 1;
start = -1;
for(i=0;i<Link.length;i++)
{
la = Link[i].split("|");
if (la[0] == "0")
{
if(start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn; //-h
self_menu[smc] = new Array(tmn,h,0,-2);
smc++;
mn--;
}
csmc = 0;
document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>");
self_menu[smc] = new Array(mn,height,0,mni);
smc++;
mni++;
mn+=height;
start = 1;
}
else
{
if(start == 1)
{
if(N)mn+=2;
document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
start = 0;
}
document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
if (N) document.write(";width:150");
document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'> "+ la[1] + "</div></a>");
csmc++;
}
}
if (start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn + 5; //-h
self_menu[smc] = new Array(tmn,h,0);
name = "down" + (self_menu.length-1);
obj = document.getElementById(name);
obj.style.borderBottomColor = "#000000";
obj.style.borderBottomWidth = 1;
obj.style.borderBottomStyle = "solid";
}
document.write("</div>");}
function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc
}
function pull_down(nr,c)
{
if (timerID == "")
{
to = self_menu[nr+1][1]
begin = nr + 2;
if (timerID != "") clearTimeout(timerID);
if (self_menu[nr+1][2] == 0)
{
self_menu[nr+1][2] = 1;
if(nr == self_menu.length-2) {to++;}
epull_down(begin,to,0);
}
else
{
to = 0;
self_menu[nr+1][2] = 0;
name = "down"+(nr+2);
open_item = 0;
for(i=0;i<nr;i++)
{
if(self_menu[i][2] == 1)
{open_item += self_menu[i][1];
}
}
if (N == false) {open_item-= (c*1)};
if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
epull_up(begin,to,val);
}
}
}
function epull_down(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)+1;
}
nowv++;
if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}
function epull_up(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)-1;
}
nowv--;
if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}
function startup(nr)
{
write_menu();
if (nr != 0)
{
for(i=0;i<self_menu.length;i++)
{
if(self_menu[i][3] == nr) pull_down(i,nr)
i==self_menu.length;
}
}
}
</script>
</head>
<body background="http://people.freenet.de/kaninchentina/LVDesi.gif">
<div id="Layer1" style="position:absolute; left:5px; top:115px;">
<iframe width="554" height="408" name="Main" src="http://people.freenet.de/Tinas_Forum/RPG/startseite.html" scrolling="auto" frameborder="0"></iframe>
</div>
<div id="2" style="position:absolute; left:570px; top:120px;">
<table width=50 >
<tr>
<td>
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Haupt";
Link[1] = "1|Main|main.htm|haupt";
Link[2] = "1|Gästebuch|
http://www.0814net.de/cgi-bin/cms/gb/gb.cgi?id=17102|haupt";
Link[3] = "1|Forum|
http://chevauxsoleil.ch.funpic.de/wbblite|blank";
Link[4] = "0|Anmeldung";
Link[5] = "1|Regeln|regeln.htm|haupt";
Link[6] = "1|Hengste|hengste.htm|haupt";
Link[7] = "1|Stuten|stuten.htm|haupt";
Link[8] = "1|Fohlen|fohlen.htm|haupt";
Link[9] = "0|Intern";
Link[10] = "1|Mitglieder|mitglieder.htm|haupt";
Link[11] = "1|Über die Herden|dieherden.htm|haupt";
Link[12] = "0|Herden";
Link[13] = "1|Rays: Hengste|h-hengste.htm|haupt";
Link[14] = "1|Rays: Stuten|h-stuten.htm|haupt";
Link[15] = "1|Wanted Escapes|wanteds.htm|haupt";
Link[16] = "1|Stakkatos|stakkatos.htm|haupt";
Link[17] = "0|Rechtliches";
Link[18] = "1|Bildnachweis|bildnachweis.htm|haupt";
Link[19] = "1|Impressum|impressum.htm|haupt";
startup(6);
</script>
</td>
</tr>
</table>
</div>
<!--
<div id="Layer2" style="position:absolute; left:6px; top:20px;">
<map name="Leiste">
<area alt="" coords="39,46,96,70" href="java script:showMain()">
<area alt="" coords="97,47,191,70" href="java script:showAnmeldung()">
<area alt="" coords="193,50,279,70" target="haupt" href="mitglieder.htm">
<area alt="" coords="281,49,347,70" href="java script:showHerden()">
<area alt="" coords="349,47,422,70" href="java script:showAnderes()">
<area alt="" coords="421,47,529,70" target="haupt" href="bildnachweis.htm">
<area alt="" coords="530,46,618,70" target="haupt" href="impressum.htm">
</map>
</div>
<div id="main" style="visibility:hidden; position:absolute; top:5px; left:635px;" >
<a href="main.htm" target="haupt"><img src="test.jpg" border="0"></a><br>
<a href="mailto:chevaux-de-soleil@arcor.de"><img src="mail.jpg" border="0"></a><br>
<a href="http://www.0814net.de/cgi-bin/cms/gb/gb.cgi?id=17102" target="haupt"><img src="gb.jpg" border="0"></a><br>
<a href="http://chevauxsoleil.funpic.de/wbblite" target="_blank"><img src="forum.jpg" border="0"></a><br>
<a href="java script:closeMain()"><img src="close.jpg" border="0"></a>
</div>
<div id="anmeldung" style="visibility:hidden; position:absolute; top:105px; left:635px;" >
<a href="regeln.htm" target="haupt"><img src="regeln.jpg" border="0"></a><br>
<a href="hengste.htm" target="haupt"><img src="hengste.jpg" border="0"></a><br>
<a href="stuten.htm" target="haupt"><img src="stuten.jpg" border="0"></a><br>
<a href="fohlen.htm" target="haupt"><img src="fohlen.jpg" border="0"></a><br>
<a href="java script:closeAnmeldung()"><img src="close.jpg" border="0"></a>
</div>
<div id="herden" style="visibility:hidden; position:absolute; top:205px; left:635px;" >
<a href="h-hengste.htm" target="haupt"><img src="herde1h.jpg" border="0"></a><br>
<a href="h-stuten.htm" target="haupt"><img src="herde1s.jpg" border="0"></a><br>
<a href="wanteds.htm" target="haupt"><img src="herde2.jpg" border="0"></a><br>
<a href="stakkatos.htm" target="haupt"><img src="herde3.jpg" border="0"></a><br>
<a href="java script:closeHerden()"><img src="close.jpg" border="0"></a>
</div>
<div id="anderes" style="visibility:hidden; position:absolute; top:305px; left:635px;" >
<a href="dieherden.htm" target="haupt"><img src="herden.jpg" border="0"></a><br>
<a href="#" onClick="MyWindow=window.open('windex.htm','MyWindow','toolbar=yes,location
=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=75
0,height=500,left=0,top=0'); return false;"><img src="rudel.jpg" border="0"></a><br>
<a href="java script:closeAnderes()"><img src="close.jpg" border="0"></a>
</div>
-->
</body>
</html>
versuch's damit (;
-
