Benutzer:Heernis/Beginner Guide: Unterschied zwischen den Versionen

Version vom 23. März 2019, 05:38 Uhr

Ein Text auf dem Bild

Hier gehts weiter ...

@@ Zeile 1: / Zeile 1: @@
+<!--{{Text auf Bild|746px|960px|190px|270px|150px|https://atys.wiki.ryzom.com/images/6/66/S1_Ruinen_von_Silan_-_Beginner_Guide.jpg|<span>Willkommen in der Welt von Atys! Dieses ist das erste Fenster welches du nach dem einloggen sehen wirst. Es ist das Charakter Auswahl Fenster!</span>}} -->
-<!--
-margin-top: -30px;  /* Text hinaufschieben */
-margin-left: 30px;   /* Text horiz. ausrichten */
-font-weight: bold;   /* Text formatieren */
-color: #fff;         /* Text Farbe */
--->
-<div style="text-align:center;">
+<div style="position:relative; width:746px; height:960px; margin:auto;">
+ <img src="https://atys.wiki.ryzom.com/images/6/66/S1_Ruinen_von_Silan_-_Beginner_Guide.jpg" alt="Beginner Guide" title="rollende Steine" style="position:absolute; top:0; left:0; width:100%; height:100%;">
+<!--Der nachfolgende Text wird im umgebenden DIV positioniert. Da die linke obere Ecke des Bildes genau mit der linken oberen Ecke des DIV-Elements übereinstimmt, entspricht die Position des Textes (top:45px; left:30px;) auch der Position top:45px; left:30px; auf dem Bild-->
-  [[File:Nethsaels Banditen.png]]
+ <div style="position:absolute; top:190px; left:270px; width:200px;@import url('https://fonts.googleapis.com/css?family=Ceviche+One&subset=latin-ext');font-family: 'Ceviche One', cursive">Ein Text auf dem Bild</div>
-  <div style="margin-top:-130px;margin-left:85px;font-weight:bold;color:#fff;">BANDITEN!</div>
 </div>
+<p>Hier gehts weiter ...</p>

Aus EnzyklopAtys

Version vom 23. März 2019, 05:38 Uhr