Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Benutzer:Col. o'neill/Testseite2: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
K DHD: Glyphen-IDs sinnvollerweise eindeutig gemacht, kl. Größenänderungen
Zeile 134: Zeile 134:
<div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#90909f;">
<div style="border-radius: 100%; border: 1px solid black; width: 300px; height: 300px; margin: 75px auto; background-color:#90909f;">
<div style="margin: 150px auto; width: 0px; height: 0px;">
<div style="margin: 150px auto; width: 0px; height: 0px;">
<div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-28">[[Datei:AtlantisGlyph28.svg|36px|verweis=]]</div>
<div style="transform: rotate(0deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-28">[[Datei:AtlantisGlyph28.svg|38px|verweis=]]</div>
<div style="transform: rotate(20deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-10">[[Datei:AtlantisGlyph10.svg|36px|verweis=]]</div>
<div style="transform: rotate(20deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-10">[[Datei:AtlantisGlyph10.svg|38px|verweis=]]</div>
<div style="transform: rotate(40deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-33">[[Datei:AtlantisGlyph33.svg|36px|verweis=]]</div>
<div style="transform: rotate(40deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-33">[[Datei:AtlantisGlyph33.svg|38px|verweis=]]</div>
<div style="transform: rotate(60deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-26">[[Datei:AtlantisGlyph26.svg|36px|verweis=]]</div>
<div style="transform: rotate(60deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-26">[[Datei:AtlantisGlyph26.svg|38px|verweis=]]</div>
<div style="transform: rotate(80deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-23">[[Datei:AtlantisGlyph23.svg|36px|verweis=]]</div>
<div style="transform: rotate(80deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-23">[[Datei:AtlantisGlyph23.svg|38px|verweis=]]</div>
<div style="transform: rotate(100deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-18">[[Datei:AtlantisGlyph18.svg|36px|verweis=]]</div>
<div style="transform: rotate(100deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-18">[[Datei:AtlantisGlyph18.svg|38px|verweis=]]</div>
<div style="transform: rotate(120deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-14">[[Datei:AtlantisGlyph14.svg|36px|verweis=]]</div>
<div style="transform: rotate(120deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-14">[[Datei:AtlantisGlyph14.svg|38px|verweis=]]</div>
<div style="transform: rotate(140deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-17">[[Datei:AtlantisGlyph17.svg|36px|verweis=]]</div>
<div style="transform: rotate(140deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-17">[[Datei:AtlantisGlyph17.svg|38px|verweis=]]</div>
<div style="transform: rotate(160deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-02">[[Datei:AtlantisGlyph02.svg|36px|verweis=]]</div>
<div style="transform: rotate(160deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-02">[[Datei:AtlantisGlyph02.svg|38px|verweis=]]</div>
<div style="transform: rotate(180deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-25">[[Datei:AtlantisGlyph25.svg|36px|verweis=]]</div>
<div style="transform: rotate(180deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-25">[[Datei:AtlantisGlyph25.svg|38px|verweis=]]</div>
<div style="transform: rotate(-160deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-36">[[Datei:AtlantisGlyph36.svg|36px|verweis=]]</div>
<div style="transform: rotate(-160deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-36">[[Datei:AtlantisGlyph36.svg|38px|verweis=]]</div>
<div style="transform: rotate(-140deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-09">[[Datei:AtlantisGlyph09.svg|36px|verweis=]]</div>
<div style="transform: rotate(-140deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-09">[[Datei:AtlantisGlyph09.svg|38px|verweis=]]</div>
<div style="transform: rotate(-120deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-27">[[Datei:AtlantisGlyph27.svg|36px|verweis=]]</div>
<div style="transform: rotate(-120deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-27">[[Datei:AtlantisGlyph27.svg|38px|verweis=]]</div>
<div style="transform: rotate(-100deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-31">[[Datei:AtlantisGlyph31.svg|36px|verweis=]]</div>
<div style="transform: rotate(-100deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-31">[[Datei:AtlantisGlyph31.svg|38px|verweis=]]</div>
<div style="transform: rotate(-80deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-15">[[Datei:AtlantisGlyph15.svg|36px|verweis=]]</div>
<div style="transform: rotate(-80deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-15">[[Datei:AtlantisGlyph15.svg|38px|verweis=]]</div>
<div style="transform: rotate(-60deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-35">[[Datei:AtlantisGlyph35.svg|36px|verweis=]]</div>
<div style="transform: rotate(-60deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-35">[[Datei:AtlantisGlyph35.svg|38px|verweis=]]</div>
<div style="transform: rotate(-40deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-30">[[Datei:AtlantisGlyph30.svg|36px|verweis=]]</div>
<div style="transform: rotate(-40deg) translate(-18px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-30">[[Datei:AtlantisGlyph30.svg|38px|verweis=]]</div>
<div style="transform: rotate(-20deg) translate(-23px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-16">[[Datei:AtlantisGlyph16.svg|36px|verweis=]]</div>
<div style="transform: rotate(-20deg) translate(-23px, -135px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-16">[[Datei:AtlantisGlyph16.svg|38px|verweis=]]</div>
<div style="transform: rotate(0deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-24">[[Datei:AtlantisGlyph24.svg|46px|verweis=]]</div>
<div style="transform: rotate(0deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-24">[[Datei:AtlantisGlyph24.svg|45px|verweis=]]</div>
<div style="transform: rotate(20deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-06">[[Datei:AtlantisGlyph06.svg|46px|verweis=]]</div>
<div style="transform: rotate(20deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-06">[[Datei:AtlantisGlyph06.svg|45px|verweis=]]</div>
<div style="transform: rotate(40deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-29">[[Datei:AtlantisGlyph29.svg|46px|verweis=]]</div>
<div style="transform: rotate(40deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-29">[[Datei:AtlantisGlyph29.svg|45px|verweis=]]</div>
<div style="transform: rotate(60deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-34">[[Datei:AtlantisGlyph34.svg|46px|verweis=]]</div>
<div style="transform: rotate(60deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-34">[[Datei:AtlantisGlyph34.svg|45px|verweis=]]</div>
<div style="transform: rotate(80deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-12">[[Datei:AtlantisGlyph12.svg|46px|verweis=]]</div>
<div style="transform: rotate(80deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-12">[[Datei:AtlantisGlyph12.svg|45px|verweis=]]</div>
<div style="transform: rotate(100deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-11">[[Datei:AtlantisGlyph11.svg|46px|verweis=]]</div>
<div style="transform: rotate(100deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-11">[[Datei:AtlantisGlyph11.svg|45px|verweis=]]</div>
<div style="transform: rotate(120deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-21">[[Datei:AtlantisGlyph21.svg|46px|verweis=]]</div>
<div style="transform: rotate(120deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-21">[[Datei:AtlantisGlyph21.svg|45px|verweis=]]</div>
<div style="transform: rotate(140deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-03">[[Datei:AtlantisGlyph03.svg|46px|verweis=]]</div>
<div style="transform: rotate(140deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-03">[[Datei:AtlantisGlyph03.svg|45px|verweis=]]</div>
<div style="transform: rotate(160deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-04">[[Datei:AtlantisGlyph04.svg|46px|verweis=]]</div>
<div style="transform: rotate(160deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-04">[[Datei:AtlantisGlyph04.svg|45px|verweis=]]</div>
<div style="transform: rotate(180deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-20">[[Datei:AtlantisGlyph20.svg|46px|verweis=]]</div>
<div style="transform: rotate(180deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-20">[[Datei:AtlantisGlyph20.svg|45px|verweis=]]</div>
<div style="transform: rotate(-160deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-08">[[Datei:AtlantisGlyph08.svg|46px|verweis=]]</div>
<div style="transform: rotate(-160deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-08">[[Datei:AtlantisGlyph08.svg|45px|verweis=]]</div>
<div style="transform: rotate(-140deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-05">[[Datei:AtlantisGlyph05.svg|46px|verweis=]]</div>
<div style="transform: rotate(-140deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-05">[[Datei:AtlantisGlyph05.svg|45px|verweis=]]</div>
<div style="transform: rotate(-120deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-32">[[Datei:AtlantisGlyph32.svg|46px|verweis=]]</div>
<div style="transform: rotate(-120deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-32">[[Datei:AtlantisGlyph32.svg|45px|verweis=]]</div>
<div style="transform: rotate(-100deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-01">[[Datei:AtlantisGlyph01.svg|46px|verweis=]]</div>
<div style="transform: rotate(-100deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-01">[[Datei:AtlantisGlyph01.svg|45px|verweis=]]</div>
<div style="transform: rotate(-80deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-19">[[Datei:AtlantisGlyph19.svg|46px|verweis=]]</div>
<div style="transform: rotate(-80deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-19">[[Datei:AtlantisGlyph19.svg|45px|verweis=]]</div>
<div style="transform: rotate(-60deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-22">[[Datei:AtlantisGlyph22.svg|46px|verweis=]]</div>
<div style="transform: rotate(-60deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-22">[[Datei:AtlantisGlyph22.svg|45px|verweis=]]</div>
<div style="transform: rotate(-40deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-07">[[Datei:AtlantisGlyph07.svg|46px|verweis=]]</div>
<div style="transform: rotate(-40deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-07">[[Datei:AtlantisGlyph07.svg|45px|verweis=]]</div>
<div style="transform: rotate(-20deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-07">[[Datei:AtlantisGlyph13.svg|46px|verweis=]]</div>
<div style="transform: rotate(-20deg) translate(-23px, -210px); width: 0px; height: 0px; position:relative;" class="DHDGlyph" id="SGA-07">[[Datei:AtlantisGlyph13.svg|45px|verweis=]]</div>
<div style="border-radius:100%; border: 1px solid black; width:150px; height:150px; margin: -75px; background-image:radial-gradient( circle at center, #00ffff 0%, #008dbd 60%, #006789 100%);" class="DHDConfirm"></div>
<div style="border-radius:100%; border: 1px solid black; width:150px; height:150px; margin: -75px; background-image:radial-gradient( circle at center, #00ffff 0%, #008dbd 60%, #006789 100%);" class="DHDConfirm"></div>
</div>
</div>
Zeile 221: Zeile 221:
'''Ausgabe:'''
'''Ausgabe:'''
<p id="DHDResult">Du hast JavaScript deaktiviert! Vielleicht hast Du es auch aktiviert, das Skript wurde aber noch nicht freigegeben... ;)</p>
<p id="DHDResult">Du hast JavaScript deaktiviert! Vielleicht hast Du es auch aktiviert, das Skript wurde aber noch nicht freigegeben... ;)</p>
<ol id="DHDResList" style="display:none;"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ol>
<div id="DHDResList"></div>
<span id="DHDReset" style="display:none; cursor: pointer; color: #0645AD;">Klicke, um das DHD zurückzusetzen.</span>
<span id="DHDReset" style="display:none; cursor: pointer; color: #0645AD;">Klicke, um das DHD zurückzusetzen.</span>
</div>
</div>