diff options
| author | nora <nora@b9310e46-f624-0410-8ea1-cfbb3a30dc96> | 2008-09-15 16:28:56 +0000 |
|---|---|---|
| committer | nora <nora@b9310e46-f624-0410-8ea1-cfbb3a30dc96> | 2008-09-15 16:28:56 +0000 |
| commit | 398835fd53551030ec7901be83be884b99f6ef5d (patch) | |
| tree | 7f1ebb3a598d84c3eb5e65ee33b9904235ef5781 | |
| parent | d3e392d6ef243eea84b7b8717ffdaea404742c05 (diff) | |
| download | neo-layout-398835fd53551030ec7901be83be884b99f6ef5d.tar.gz neo-layout-398835fd53551030ec7901be83be884b99f6ef5d.tar.bz2 neo-layout-398835fd53551030ec7901be83be884b99f6ef5d.zip | |
Download-Links in index.html von https://svn auf http://wiki geändert
git-svn-id: https://svn.neo-layout.org@883 b9310e46-f624-0410-8ea1-cfbb3a30dc96
| -rw-r--r-- | www/index.html | 604 |
1 files changed, 424 insertions, 180 deletions
diff --git a/www/index.html b/www/index.html index 51e1ae1..8466371 100644 --- a/www/index.html +++ b/www/index.html @@ -1,13 +1,11 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> <html> - <head> - <title>Neo – Ergonomisches Tastaturlayout</title> - <meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<title>Neo – Ergonomisches Tastaturlayout</title> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" href="./favicon.ico"> - <link rel="stylesheet" type="text/css" href="stylesheet.css"> -</head> +<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css"> /--> <script type="text/javascript"> function Tastenebenenwechsel_nach (Zielebene) { @@ -20,83 +18,318 @@ function Tastenebenenwechsel_nach (Zielebene) { } </script> -<body> -<div style="position:absolute; top:34px; left:52px; width:522px; height:70px; overflow:hidden; <!-- w522h70 /--> - background-image:url(./11111neo_kopf_trac_522x50.png); background-repeat:no-repeat;"> <!-- top:35px; left:50px; /--> +<style type="text/css"> + +#Hauptfeld { + width:39em; + border-width:thin; + border-color:#444; + border-style:solid; + margin-left:12em; + margin-right:0em; + margin-top:2em; + padding-left:2.5em; + padding-right:4em; + padding-top:2em; + padding-bottom:2.4em; +// text-align:justify; +//font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; + font-family: LinuxLibertine, Libertine, Linux-Libertine, sans; + line-height:1.35em; + font-size:1em; + background-color:White; + color:Black; +} + +#Hauptfeldlink_rechtsunten { + position:relative; top:.8em; left:.5em; + text-align:right; + margin-bottom:0em; +} + +#Navigationsleiste { + background-color:#F8F8FA; + color:WindowText; + position:relative; + width:10em; + //float:left; + text-align:center; + margin:2em; + margin-left:0em; + margin-top:2em; + border-width:thin; + border-style:solid; + border-color:green; + border-top-width:0px; + +} + +#Navigationsthema { + border-bottom-width:1px; + border-bottom-style:solid; + border-color:black; + border-top-width:1px; + border-top-style:solid; + border-color:black; + text-align:center; + font-weight:bold; + background-color:#FAFBF8; + color:InfoText; + padding-top:.2em; + padding-bottom:.2em; +} + +#Navigationsunterpunkte { + padding-top:.5em; + padding-bottom:.75em; +} + +#Navigationseintrag { + display:block; + text-align:left; + padding-left:1em; + padding-right:1em; + padding-top:.25em; + padding-bottom:.25em; +} + +#Bildcontainer_links { + width:10em; + border-width:thin; + border-color:#DDD; + border-style:solid; + margin-right: 1.2em; + margin-bottom: .8em; + margin-left: 0em; + margin-top: 1em; + float:left; + text-align:center; + +} + + +#Bildcontainer_oben { + width:39em; + border-width:thin; + border-color:#DDD; + border-style:solid; + margin-left: 0em; + margin-bottom: 1.75em; + margin-right: 0em; + margin-top: 0em; + display:block; + text-align:center; +} + + +#Bildcontainer_rechts { + width:10em; + border-width:thin; + border-color:#DDD; + border-style:solid; + margin-left: 1.2em; + margin-bottom: .8em; + margin-right: 0em; + margin-top: 1em; + float:right; + text-align:center; + +} + +#Bild { + text-align:center; + padding:.5em; + width:9em; +} + + +#Bild_oben { + text-align:center; + padding:.5em; + width:38em; +} + + + +#Bildtext { + padding:.5em; + font-size:small; + text-align:left; + background-color:#EEE; +} + +#Hintergrundverlauf_von { + background-color:#F30; +} + +#Hintergrundverlauf_nach { + background-color:transparent; +} + +a { text-decoration:none; ; } +a:hover { color:HighlightText; background-color:Highlight; } + +h1 { margin-bottom:1em; margin-top:0em; font-size:1.5em; } +h2 { margin-bottom:.5em; margin-top:1.5em; font-size:1.2em; iipadding-left:1em;; } + +p { //text-indent:1em; + // text-align:justify; + margin-bottom:-.5em;} + +//Altbestand: + +#linkbutton + { + line-height:2em; + text-align:left; color:#000; + } + +#linkbutton a + { + border-width:2px; border-style:solid; + border-color:#aaaaaa; + padding-top:.25em; padding-bottom:.25em; + background-color:#FAFAFA; + padding-left:1em; padding-right:1em; + } + +#linkbutton a:link { color:#000; text-decoration:none; } +#linkbutton a:visited { color:#4a4a4a; text-decoration:none; } +#linkbutton a:focus { color:#223; text-decoration:underline; } +#linkbutton a:active { color:#8b2121; text-decoration:none; } +#linkbutton a:hover { color:#020; text-decoration:none; + background-color:Highlight; + } + +#Gesamtzentrierung { + background-color: transparent; + text-align: left; + margin: 0px auto 0; + width: 57.5em; +} +///------------- + +</style> - <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px;"> - <param name="src" value="./neo_kopf_trac_522x50.svg"> - <img src="./neo_kopf_trac_522x50.png" alt="Neo – Ergonomisches Tastaturlayout"> - </object> -</div> +</head> +<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /--> +<body style="background-color:#dceeee; background-image:url(./hintergrund.png); background-position 0 50%; background-repeat:no-repeat; padding: 0; margin: 0; text-align: center; "> +<p style="position:absolute; display:block; width:100%; top:-1em;; left:0px; text-align:center; background-color:#F30; color:#FFF"> + <b>Achtung: Baustelle! Mehr Informationen unten.</b> +</p> -<div style="display:block; background-image:url(./schattierer_rechts.png); background-position: top left;" > -<!-- Quicklinks /--> - <div style="position:relative; top:-50px; right:-10px; float:right; text-align:center;"> - <a href="https://svn.neo-layout.org/windows/autohotkey/neo20.exe"><img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"></a> - <a href="https://svn.neo-layout.org/linux/xmodmap/neo_de.xmodmap"><img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo_Linux" border="0"></a> - <a href="https://svn.neo-layout.org/mac_osx/neo.keylayout"><img src="./tastentier_grinsend.png" width="50px" height="34px" alt="quickdownload:Neo_OS-X" border="0"></a> +<div id="Gesamtzentrierung"> + + + + + +<!-- Logo /--> + <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px; overflow:hidden; float:left;"> + <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px; "> + <param name="src" value="./neo_kopf_trac_522x50.svg"> + <img src="./neo_kopf_trac_522x50.png" alt="Neo – Ergonomisches Tastaturlayout"> + </object> + </div> +<!-- Quicklinks /--> + <!-- <div style="position:relative; text-align:left; top:2.75em; left:53;"> /--> + <div style="position:relative; top:-1.65em; left:43em; width:200px; height:40px;"> + <a href="http://wiki.neo-layout.org/browser/windows/autohotkey/neo20.exe"> + <img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo_Windows" border="0"> + </a> + <a href="http://wiki.neo-layout.org/browser/linux/xmodmap/neo_de.xmodmap"> + <img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo_Linux" border="0"> + </a> + <a href="http://wiki.neo-layout.org/browser/mac_osx/neo.keylayout"> + <img src="./tastentier_grinsend.png" width="50px" height="34px" alt="quickdownload:Neo_OS-X" border="0"> + </a> </div> -<!-- - <div style="position:absolute; left:2em; top:180px; background-image:url(./verzierung_vertikal_links.png); width:100px; height:228px; text-align:center; z-index:0;"></div> -/--> <!-- /Quicklinks /--> -<div style="margin-bottom:3em; z-index:100; " id="linkbutton"> -<!-- - <object data="./neo-logo.svg" type="image/svg+xml" style="width:20mm; height:6mm; vertical-align:middle; padding-right:1em;"> - <param name="src" value="./neo-logo.svg"> - <img src="./neo-logo.png" style="vertical-align:middle" 1style="height:2em; width:7em; flow:right;" alt="Neo"> - </object> -/--> - - - <a href="http://wiki.neo-layout.org/wiki" style="clear:both;">Wiki</a> - <a href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> - <a href="./download.html">Download</a> - <a href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Benutzerhandbuch</a> - <a href="./about.html">Impressum</a> - <a href="http://wiki.neo-layout.org/wiki/links">Links</a> + +<div style="height:2em; width:1em;"> +</div> + + + +<div style="float:left;"> + +<div id="Navigationsleiste" > + <div id="Navigationsthema">Wiki</div> + <div id="Navigationsunterpunkte"> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org">Wiki: Start</a> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> + <a id="Navigationseintrag" href="./download.html">Download</a> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Handbuch</a> + <a id="Navigationseintrag" href="./about.html">Impressum</a> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/links">Links</a> + </div> + <div id="Navigationsthema">Dokumentation</div> + <div id="Navigationsunterpunkte"> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Handbuch</a> + </div> + <div id="Navigationsthema">Download</div> + <div id="Navigationsunterpunkte"> + <a id="Navigationseintrag" href="./download.html#Windows">Windows</a> + <a id="Navigationseintrag" href="./download.html#Linux">Linux</a> + <a id="Navigationseintrag" href="./download.html#OS-X">OS X</a> + </div> + <div id="Navigationsthema">Sonstiges</div> + <div id="Navigationsunterpunkte"> + <a id="Navigationseintrag" href="./about.html">Impressum</a> + <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/links">Links</a> + </div> +</div> + +<div id="Navigationsleiste" style="border-color:#AAA; opacity:.2;"> + <div id="Navigationsthema" style="color:#AAA; border-color:#AAA;">FOSS-Links</div> + <div id="Navigationsunterpunkte" > + <a id="Navigationseintrag" + style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;" + href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5;" width="50%"><br>Libertine<br>Open Fonts</a> + <a id="Navigationseintrag" + style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;" + href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0" style=" opacity:.5;" width="50%"><br>DejaVu<br>Font</a> + </div> </div> +</div> + - <div style="text-align:left; margin-bottom:3em; clear:right"> +<!--------------------------------------------------/--> +<div id="Hauptfeld"> - <!-- <div style="position:absolute; right:2em; top:180px; background-image:url(./taste_return.png); display:block; width:150px; height:157px;"></div> /--> - <p> + <h1>Neo - Ergonomisches Tastaturlayout</h1> - <img src="./taste_return.png" align="right" style="float:right;;"> - <b style="background-color:#F30; color:#FFF">Achtung: Baustelle! Mehr Informationen unten.</b><br /> - <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist. Ihre Hauptmerkmale sind:</font> - </p> + <p> + <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist: + <!--. Ihre Hauptmerkmale sind: /--> </font> + </p> - <ul> + <ul> <li><font style="color:#222">Optimierungen bezüglich deutscher</font> Zweier- und Dreier-Zeichenfolgen</li> <li>Programmiertasten <font style="color:#222">sind gut erreichbar</font></li> <li><font style="color:#222">Neue Zeichen, wie </font> „ , ” , « , » , ∫ , √ , α , β , …<font style="color:#222"> sind direkt einzugeben</font></li> - </ul> - - <div id="linkbutton"> - <a href="i" >Warum neo besser ist als qwertz</a> - </div> - - </div> + </ul> + <a href="." id="Hauptfeldlink_rechtsunten">Warum Neo besser ist als qwertz...</a> </div> +<!--------------------------------------------------/--> -<hr> -<div style="display:block; background-image:url(./tastatur_blass_gerastert.png); background-position: top center;" > +<div id="Hauptfeld"> +<div style="display:block; line-height:2em;" > <div style="text-align:center; "> @@ -118,6 +351,7 @@ function Tastenebenenwechsel_nach (Zielebene) { <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> @@ -130,186 +364,196 @@ function Tastenebenenwechsel_nach (Zielebene) { </div> </div> +</div> -<!-- -</div> -/--> - - - -<hr style="clear:both"> - - - - - - -<div style="text-align:center;"> - - -<!-- - - <div style="position:relative; top:-.6em; margin-bottom:1em;"> - <h1 style="line-height:1em;">Willkommen zum neuen Schreibgefühl!</h1> - <div style="position:relative; top:-.8em; margin-left:1em; color:#999; font-style:italic;">Ergonomischer, schneller und entspannter schreiben:</div> - </div> - -/--> - - - -<!-- =================== Temporär: Baustelleninfo =============== /--> - - -<!-- - <div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px;; text-size:+2"> - Momentan ist die Webpräsenz eine große Baustelle. Deswegen:<br /> - <a href="./baustelleninfos.html">Installationsinfos und Einsteigerübersicht hier!</a> - </div> -/--> +<!--------------------------------------------------/--> +<div id="Hauptfeld"> -<!-- - <div style="1float:right;"> - <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" /> + <div id="Bildcontainer_oben"> + <img id="Bild_oben" src="./tastentierchen_baustelle_ohne_zigarette.png" /> + <div id="Bildtext">Baustelle! Wenn was funktioniert, dann war es Glück!</div> </div> -/--> - - -<!-- ========= ENDE ==== Temporär: Baustelleninfo =============== /--> - +<h1>Kurzinformation für Interessierte</h1> -</div> +<p> Um an Neo zu ge­langen, wird auf das SVN-Reposi­tory: <b>svn co https://svn.neo-layout.org neo</b> verwiesen. Hier sind die direk­ten Links zu den NEO-Treibern für die ver­brei­testen Be­triebs­sys­teme (in jedem Ordner be­findet sich eine Datei README.txt mit weiter­gehen­den In­forma­tionen):</p> +<ul> + <li>Windows: <a href="http://wiki.neo-layout.org/browser/windows/">http://wiki.neo-layout.org/browser/windows/</a></li> + <li>Linux: <a href="http://wiki.neo-layout.org/browser/linux/">http://wiki.neo-layout.org/browser/linux/</a></li> + <li>Mac-OS X: <a href="http://wiki.neo-layout.org/browser/mac_osx/">http://wiki.neo-layout.org/browser/mac_osx/</a></li> +</ul> +<p>Die <b>aktu­elle Be­legung</b> findet sich in der Datei +<a href="http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt">http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt</a></p> +<p>Eine (hoffentlich aktuelle) <b>Refe­renz zum Aus­drucken</b> und Auf­stellen findet sich unter <a href="http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf">http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf</a>. Weiter gibt es im svn-Repo­sitory Tastatur­aufkleber­generatoren.</p> +<p>Auf jeden Fall wird em­pfoh­len, folgende <b>Schrift­arten zu in­stallieren</b>, damit alle mit Neo schreib­baren Zeichen dar­gestellt werden können:</p> -<div style="position:relative; top:-.6em; margin-bottom:1em;"> -<div style="background-color:#fDD; border-color:#f00; margin:2em; padding:2em; border-style:solid; border-width:2px; "> -<h1>Kurzinformation für Interessierte</h1> -<p> -Um an Neo zu gelangen, wird auf das SVN-Repository: <b>svn co https://svn.neo-layout.org neo</b> verwiesen. Hier sind die direkten Links zu den NEO-Treibern für die verbreitesten Betriebssysteme (in jedem Ordner befindet sich eine Datei README.txt mit weitergehenden Informationen):</p> <ul> -<li>Windows: <a href="https://svn.neo-layout.org/windows/">https://svn.neo-layout.org/windows/</a></li> -<li>Linux: <a href="https://svn.neo-layout.org/linux/">https://svn.neo-layout.org/linux/</a></li> -<li>Mac-OS X: <a href="https://svn.neo-layout.org/mac_osx/">https://svn.neo-layout.org/mac_osx/</a></li> + <li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li> + <li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li> </ul> -<p>Die <b>aktuelle Belegung</b> findet sich in der Datei <a href="https://svn.neo-layout.org/A-REFERENZ-A/neo20.txt">https://svn.neo-layout.org/A-REFERENZ-A/neo20.txt</a></p> -<p>Eine (hoffentlich aktuelle) <b>Referenz zum Ausdrucken</b> und Aufstellen findet sich unter <a href="https://svn.neo-layout.org/grafik/neo20-aufsteller.pdf">https://svn.neo-layout.org/grafik/neo20-aufsteller.pdf</a>. Weiter gibt es im svn-Repository Tastaturaufklebergeneratoren.</p> -<p>Auf jeden Fall wird empfohlen, folgende <b>Schriftarten zu installieren</b>, damit alle mit Neo schreibbaren Zeichen dargestellt werden können:</p> -<ul> -<li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li> -<li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li> -</ul> -<p><b>Neo ist auf den »normalen Ebenen«</b> – will heißen: normale Buchstaben und Klammern, etc. – <b>vollständig benutzbar</b>. Da die Betriebssysteme oder Programme bei weiteren Ebenen gerne noch rumzicken, ist der Treiber auf den anderen Ebenen noch nicht ganz fertig. Bei den Grundebenen sollte sich bei der Belegung nichts mehr ändern. Fehler sind hier zu finden:</p> +<p><b>Neo ist auf den »normalen Ebenen«</b> – will heißen: nor­male Buch­staben und Klam­mern, etc. – <b>voll­ständig be­nutzbar</b>. Da die Be­triebs­sys­teme oder Pro­gramme bei weiteren Ebenen ger­ne noch rum­zicken, ist der Trei­ber auf den anderen Ebenen noch nicht ganz fertig. Bei den Grund­ebenen sol­lte sich bei der Be­legung nichts mehr ändern. Fehler sind hier zu finden:</p> + <ul> -<li><a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a></li> -<li><a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a></li> + <li><a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a></li> + <li><a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a></li> </ul> -<p>Kontakt zu den Neo-Entwicklern kann man per Mail an die Mailingliste <a href="mailto:mailinglist@neo-layout.org?subject=Ich habe da mal eine Frage&body=Bitte (wenn möglich) folgende Dinge angeben:%0D- Nutzt Du Neo oder noch nicht%3F%0D- Welches Betriebsystem%3F%0D- Welchen Treiber (Xmodmap, Xkbmap, AHK, kbdneo2, usw.)%3F%0D%0D">mailinglist@neo-layout.org</a> bzw. über den IRC-Kanal <b>#NEO</b> bei <b>freenode.net</b> bekommen (bitte vorher die <a href="http://wiki.neo-layout.org/wiki/FAQ">FAQ</a> sichten und eventuell vorher die <a href="http://www.google.de/custom?sa=Google+Search&domains=lists.neo-layout.org%2Fpipermail%2Fmailinglist%2F&sitesearch=lists.neo-layout.org%2Fpipermail%2Fmailinglist%2F">Mailingliste per Google</a> durchsuchen). Verbesserungsvorschläge sind immer willkommen! Da wir sehr viele Abhängigkeiten haben, kann es aber sein, dass sie nicht unbedingt eingepflegt werden.</p> +<h2>Kontakt</h2> +<p>Kontakt zu den Neo-Ent­wicklern kann man über die Mailing­liste <b>mailinglist@neo-layout.org</b> bzw. über den IRC-Kanal <b>#NEO</b> bei <b>freenode.net</b> bekommen. Ver­besserungs­vorschläge sind im­mer will­kom­men! Da wir sehr viele Ab­hängig­keiten haben, kann es aber sein, dass sie nicht un­bedingt ein­ge­pflegt werden.</p> -Danke fürs Interesse!<br /> -Euer Neo-Team<br /> +<p>Danke fürs Interesse!</p> +<p>Euer Neo-Team</p> -</div><br /><br /> - </div> +<!--------------------------------------------------/--> +<!--------------------------------------------------/--> +<div id="Hauptfeld"> + <div id="Bildcontainer_rechts" style="11margin-top:0em;"> + <img id="Bild" src="testbild2.png" /> + <div id="Bildtext"> Ein Tasten­tierchen als Quick­download­link. </div> + </div> - <div style="text-align:center;"> - <img src="./tastentierchen_baustelle_ohne_zigarette.png" alt="Baustellenbild" style="position:relative; left:-83px;"/> - </div> - - - - - + <div id="Bildcontainer_links" style="margin-top:1em;"> + <img id="Bild" src="testbild.png" /> + <div id="Bildtext">Neo ist zu 86% fertig</div> + </div> -<br /> -<br /> +<p style="text-align:justify"> -<!-- =================== Hintergrundbilder (Seitenränder) =============== /--> +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +<b>Dies ist ein Bei­spiel für die Po­si­tio­nierung von Bildern links und rechts des Textes. </b> +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +Dies ist ein Bei­spiel für die Po­si­tio­nie­rung von Bildern links und rechts des Textes. +</p> -<!-- -<div style="position:absolute; top:22px; left:0px; width:100%; height:70px; - background-image:url(./tastentier-reihe_blass.png); background-repeat:repeat-x; opacity:0.60; background-color:#EEE;"> </div> -/--> +<!--------------------------------------------------/--> -<!-- -<div style="position:absolute; top:34px; left:52px; width:522px; height:70px; - background-image:url(./neo_kopf_trac_522x50.png); background-repeat:no-repeat;"> -</div> -/--> - -<div style="position:fixed; top:0px; right:0px; width:11px; height:100%; - background-image:url(./schatten_rechts.png); background-repeat:repeat-y; background-attachment:scroll; "> -</div> -<div style="position:absolute; top:0px; left:0px; width:100%; height:50px; - background-image:url(./schatten_oben.png); background-repeat:repeat-x; "> -</div> -<div style="position:fixed; top:0px; left:0px; width:11px; height:100%; - background-image:url(./schatten_links.png); background-repeat:repeat-y; background-attachment:fixed; "> -</div> -<div style="position:absolute; top:0px; left:0px; width:50px; height:50px; - background-image:url(./schatten_links_oben.png); background-repeat:no-repeat; "> -</div> +<div style="height:4em;"> </div> -<div style="position:absolute; top:11px; right:0px; width:11px; height:11px; - background-image:url(./schatten_rechts_oben-versetzt.png); background-repeat:no-repeat; "> </div> -<!-- ============ ENDE == Hintergrundbilder (Seitenränder) =============== /--> -<!-- - -<div style="text-align:center;"> - <img src="./tastentier_zufrieden2.png" align="middle" style=";"> +<!-- linker Verlauf /--> + +<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; left:0em; width:1em; height:100%; z-index:-4;"> +<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.9; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.8; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.7; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.6; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.5; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.4; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.3; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.2; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.1; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%"> </div> </div> -/--> - - - - - - - - - - - - - +<!-- rechter Verlauf /--> + +<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; right:0em; width:1em; height:100%; z-index:-4;"> +<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.9; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.8; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.7; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.6; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.5; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.4; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.3; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.2; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.1; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%"> </div> +<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%"> </div> +</div> </body> </html> - - |