|
|
|
@ -11,7 +11,7 @@ |
|
|
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
function Tastaturbildwechsel_nach (Zielebene) { |
|
|
|
|
self.document.tastaturbild.src="./tastaturbilder/ebene" + Zielebene +".png"; |
|
|
|
|
self.document.tastaturbild.src="./tastatur_neo_Ebene" + Zielebene +".png"; |
|
|
|
|
for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.color=""; |
|
|
|
|
for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.borderColor=""; |
|
|
|
|
self.document.getElementById("ebenenreiter" + Zielebene).style.borderColor="#56b"; |
|
|
|
@ -132,32 +132,19 @@ function Tastaturbildwechsel_nach (Zielebene) { |
|
|
|
|
|
|
|
|
|
<div style="min-width:650px; overflow:visible;"> |
|
|
|
|
<div id="linkbutton" style="text-align:center; "> |
|
|
|
|
<a href="./index_ebene1.html" style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a> |
|
|
|
|
<a href="./index_ebene2.html" onclick="Tastaturbildwechsel_nach(2); return false;" style="" id="ebenenreiter2">Ebene2</a> |
|
|
|
|
<a href="./index_ebene3.html" onclick="Tastaturbildwechsel_nach(3); return false;" style="" id="ebenenreiter3">Ebene3</a> |
|
|
|
|
<a href="./index_ebene4.html" onclick="Tastaturbildwechsel_nach(4); return false;" style="" id="ebenenreiter4">Ebene4</a> |
|
|
|
|
<a href="./index_ebene5.html" onclick="Tastaturbildwechsel_nach(5); return false;" style="" id="ebenenreiter5">Ebene5</a> |
|
|
|
|
<a href="./index_ebene6.html" onclick="Tastaturbildwechsel_nach(6); return false;" style="" id="ebenenreiter6">Ebene6</a> |
|
|
|
|
<a href="" style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a> |
|
|
|
|
<a href="" onclick="Tastaturbildwechsel_nach(2); return false;" style="" id="ebenenreiter2">Ebene2</a> |
|
|
|
|
<a href="" onclick="Tastaturbildwechsel_nach(3); return false;" style="" id="ebenenreiter3">Ebene3</a> |
|
|
|
|
<a href="" onclick="Tastaturbildwechsel_nach(4); return false;" style="" id="ebenenreiter4">Ebene4</a> |
|
|
|
|
<a href="" onclick="Tastaturbildwechsel_nach(5); return false;" style="" id="ebenenreiter5">Ebene5</a> |
|
|
|
|
<a href="" onclick="Tastaturbildwechsel_nach(6); return false;" style="" id="ebenenreiter6">Ebene6</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
<img src="./tastatur_ebene1.png" name="tastaturbild" id="IE6-Bildweitenkorrektur" /> |
|
|
|
|
<img src="./tastatur_neo_Ebene1.png" name="tastaturbild" id="IE6-Bildweitenkorrektur" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;"> |
|
|
|
|
<a href="i" style="">Konzeptidee zur Ebene1</a> |
|
|
|
|
<a href="" > <img src="tastatur_ebene1_shift.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> |
|
|
|
|
|
|
|
|
|
<a href="" > <img src="tastatur_ebene1_mod3.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> |
|
|
|
|
<a href="" > <img src="tastatur_ebene1_mod4.png" style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a> |
|
|
|
|
|
|
|
|
|
<br /> |
|
|
|
|
|
|
|
|
|
<a href="i" style="">Tastenverteilung an beliebigem Text testen (verwendet JavaScript)</a> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -232,8 +219,6 @@ function Tastaturbildwechsel_nach (Zielebene) { |
|
|
|
|
<div id="Bildtext">Neo ist zu 86% fertig</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p style="text-align:justify"> |
|
|
|
|
|
|
|
|
|
Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. |
|
|
|
@ -250,16 +235,8 @@ Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bilde |
|
|
|
|
</div> |
|
|
|
|
<!--------------------------------------------------/--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- linker Verlauf /--> |
|
|
|
|
|
|
|
|
|
<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; left:0em; width:1em; height:100%; z-index:-4;"> |
|
|
|
|