Aktionen

Vorlage

I-Frame Karte: Unterschied zwischen den Versionen

Aus bahnwege wiki

K
K
 
(17 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
 
----
 
----
 
<u>Karte</u> <div class="mw-collapsible">
 
<u>Karte</u> <div class="mw-collapsible">
{{#tag:iframe|left|height="200px"|width="300px"|zoom=0,25|allowfullscreen="true"|key="cloud"|path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"}}
+
{{#tag:iframe|left|height="300px"|width="80%"|zoom=0,25|allowfullscreen="true"|key="cloud"|path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"}}
 
</div>
 
</div>
 
----
 
----
Zeile 8: Zeile 8:
 
<span class="mw-customtoggle-toggle" style="float:right;"></span>
 
<span class="mw-customtoggle-toggle" style="float:right;"></span>
 
<span style="text-align:center; padding:2px 5px; display:block;">zum Kartenausschnitt</span>
 
<span style="text-align:center; padding:2px 5px; display:block;">zum Kartenausschnitt</span>
<div id="mw-customtoggle-toggle" class="mw-collapsible-content" style="background:transparent; padding:2px 5px; ">{{#tag:iframe|left|height="200px"|width="300px"|zoom=0,25|allowfullscreen="true"|key="cloud"|path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"}}</div>
+
<div id="mw-customtoggle-toggle" class="mw-collapsible-content" style="background:transparent; padding:2px 5px; ">{{#tag:iframe|left|height="300px"|width="80%"|zoom=0,25|allowfullscreen="true"|key="cloud"|path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"}}</div>
 
</div>
 
</div>
 
----
 
----
vorher
 
  
<!-- <div style="background:lightblue; position:relative; width:100%; height:100px; top:100px; margin-top:-100px;" onClick=style.pointer-events='auto';">&nbsp;</div> /-->
+
<iframe key="bwege" path="bahnwege.de/gmedia/g/BVaZy" height="500px" widht="450px"/>
<popup name="Karte">
 
</popup>
 
{{versteckt|<dieser Text...>}}
 
Hier könnte ein Bild sein :-)
 
</popup>
 
  
nachher
+
----
<!-- <iframe width="300" height="200" allowfullscreen="true" overflow="hidden" key="cloud" path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"></iframe>
+
<iframe key="bwege" path="upload.wikimedia.org/wikipedia/de/b/b3/Frankfurter_Bahnhof_1870.jpg" height="400" width="400px" scrolling="no" frameborder="0"/>
{{#tag:iframe|left|height="200px"|width="300px"|zoom=0,25|allowfullscreen="true"|key="cloud"|path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht"}} /-->
 
 
 
<!-- <div style="background:lightblue; position:middle; height:200px; width:100%; left:-200px; margin-left:200px;" onClick="style.pointerEvents='none'">&nbsp;</div>
 
top:300px; margin-top:-300px; --/>
 
 
 
<!-- <iframe key="cloud" path="qgiscloud.com/bahnwege/Bahnstreckenuebersicht/" id="idIframe" width="100%" onload="iframeLoaded()" style="border: none;" allowfullscreen> </iframe> --/>
 
  
<!-- XXXX --<div style="background:transparent; position:relative; width:100%; height:300px; top:300px; margin-top:-300px;" onClick="style.pointerEvents='none'">&nbsp;</div> --XXXX #FFEBAD --/>
 
 
----
 
----
{{#css:
 
  body {
 
    background: yellow;
 
    font-size: 20pt;
 
    color: red;
 
  }
 
}}
 
<style>
 
    button:hover, button:focus { background-color: #ffdb3a; }
 
</style>
 
  
<button>Hover or focus over me</button>
+
{{#tag:iframe|left|height="200px"|width="200px"|zoom="0,75"|allowfullscreen="true"|key="bwege"|path="upload.wikimedia.org/wikipedia/de/b/b3/Frankfurter_Bahnhof_1870.jpg" scrolling="no" frameborder="0"}}
<button style="pointer-events: none;">Hover or focus over me too</button>
 

Aktuelle Version vom 19. Mai 2021, 16:48 Uhr


Karte


zum Kartenausschnitt