Benutzer:Col. o'neill/Testseite2: Unterschied zwischen den Versionen
aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Weitere Optionen
K →DHD: Glyphen-IDs sinnvollerweise eindeutig gemacht, kl. Größenänderungen |
K →DHD |
||
| 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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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| | <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> | ||
< | <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> | ||