Vorlage:Text auf Bild: Unterschied zwischen den Versionen

Aus EnzyklopAtys

Wechseln zu: Navigation, Suche
K (Added Category)
K
 
(54 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
<div style="position:relative; width:{{{1}}}; height:{{{2}}}; margin:auto;">
+
<includeonly>
−
<img src="{{{6}}}" alt="Bild" title="Bild" style="position:absolute; top:0; left:0; width:100%; height:100%;">
+
<div style="overflow-x:auto;overflow-y:auto;">
−
<!--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-->
+
<!-- Bild -->
−
<div style="position:absolute; top:{{{3}}}; left:{{{4}}}; width:{{{5}}};">{{{7}}}</div>
+
<div style="position:relative;width:{{{Bildbreite}}};height:{{{Bildhöhe}}};margin:auto;">
 +
<div style="position:absolute;top:0;left:0;width:100%;height:100%;">
 +
[[File:{{{Quelle}}}|none|alt={{{Bildname}}}|link=|]]
 +
</div> 
 +
<!-- Position 00 -->
 +
<div style="position:absolute;top:{{{Textabstandoben00}}};left:{{{Textabstandlinks00}}};>
 +
[[{{{LinkzuText00}}}|<span title="{{{Texteinblendung00}}}"  
 +
                          style="position:absolute;
 +
                                  text-decoration: none;
 +
                                  text-align:center;
 +
                                  font-size:{{{Schriftgroesse}}};  
 +
                                  color:{{{Schriftfarbe}}};  
 +
                                  width:{{{BreitedesKreises}}};  
 +
                                  height:{{{HöhedesKreises}}};
 +
                                  background-color:{{{Hintergrundfarbe}}};
 +
                                  border-radius:{{{Radius}}};">{{{Text00}}}</span>]]
 +
</div>
 +
<!-- Position 01 -->
 +
<div style="position:absolute;top:{{{Textabstandoben01}}};left:{{{Textabstandlinks01}}};>
 +
[[{{{LinkzuText00}}}|<span title="{{{Texteinblendung01}}}"
 +
                          style="position:absolute;
 +
                                  text-decoration: none;
 +
                                  text-align:center;
 +
                                  font-size:{{{Schriftgroesse}}};  
 +
                                  color:{{{Schriftfarbe}}};  
 +
                                  width:{{{BreitedesKreises}}};
 +
                                  height:{{{HöhedesKreises}}};
 +
                                  background-color:{{{Hintergrundfarbe}}};
 +
                                  border-radius:{{{Radius}}};">{{{Text01}}}</span>]]
 
</div>
 
</div>
  
 +
</div>
 +
</div>
 +
</includeonly>
  
 
<noinclude>
 
<noinclude>
−
<nowiki>{{Text auf Bild|746px|960px|100px|oben|links|Quelle|Text}}</nowiki>
+
Beispiel:
 +
 
 +
<nowiki>{{Text auf Bild|
 +
<!-- Bild -->
 +
Quelle=Silan_Karte.png|
 +
Bildname=Silan Karte|
 +
Bildbreite=1025px|
 +
Bildhöhe=636px|
 +
<!-- Alle Positionen -->
 +
Schriftfarbe=white|
 +
Schriftgroesse=10px|
 +
BreitedesKreises=20px|
 +
HöhedesKreises=20px|
 +
Hintergrundfarbe=blue|
 +
Radius=100px|
 +
<!-- Position 00 -->
 +
Textabstandoben00=510px|
 +
Textabstandlinks00=710px|
 +
Texteinblendung00=Karavan Missionsgeber|
 +
LinkzuText00=Silan_Anleitung/Karavan_Missionen|
 +
Text00=00
 +
<!-- Position 01 -->
 +
Textabstandoben01=410px|
 +
Textabstandlinks01=710px|
 +
Texteinblendung01=Karavan Missionsgeber|
 +
LinkzuText01=Silan_Anleitung/Karavan_Missionen|
 +
Text01=01}}</nowiki>
 +
 
 +
{{Text auf Bild|
 +
<!-- Bild -->
 +
Quelle=Silan_Karte.png|
 +
Bildname=Silan Karte|
 +
Bildbreite=1025px|
 +
Bildhöhe=636px|
 +
<!-- Alle Positionen -->
 +
Schriftfarbe=white|
 +
Schriftgroesse=10px|
 +
BreitedesKreises=20px|
 +
HöhedesKreises=20px|
 +
Hintergrundfarbe=blue|
 +
Radius=100px|
 +
<!-- Position 00 -->
 +
Textabstandoben00=510px|
 +
Textabstandlinks00=710px|
 +
Texteinblendung00=Karavan Missionsgeber|
 +
LinkzuText00=Silan_Anleitung/Karavan_Missionen|
 +
Text00=00|
 +
<!-- Position 01 -->
 +
Textabstandoben01=410px|
 +
Textabstandlinks01=710px|
 +
Texteinblendung01=Karavan Missionsgeber|
 +
LinkzuText01=Silan_Anleitung/Karavan_Missionen|
 +
Text01=01
 +
}}
  
−
<!--
 
−
1 = Genaue Breite des Bildes
 
−
2 = Genaue Höhe des Bildes
 
−
3 = Abstand des Textes von oben
 
−
4 = Abstand des Textes von links
 
−
5 = Breite des Textfeldes
 
−
6 = Quelle
 
−
7 = Text
 
  
−
-->
 
 
[[Kategorie: Nützliche Templates]]
 
[[Kategorie: Nützliche Templates]]
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 7. Mai 2019, 16:49 Uhr


Beispiel:

{{Text auf Bild| <!-- Bild --> Quelle=Silan_Karte.png| Bildname=Silan Karte| Bildbreite=1025px| Bildhöhe=636px| <!-- Alle Positionen --> Schriftfarbe=white| Schriftgroesse=10px| BreitedesKreises=20px| HöhedesKreises=20px| Hintergrundfarbe=blue| Radius=100px| <!-- Position 00 --> Textabstandoben00=510px| Textabstandlinks00=710px| Texteinblendung00=Karavan Missionsgeber| LinkzuText00=Silan_Anleitung/Karavan_Missionen| Text00=00 <!-- Position 01 --> Textabstandoben01=410px| Textabstandlinks01=710px| Texteinblendung01=Karavan Missionsgeber| LinkzuText01=Silan_Anleitung/Karavan_Missionen| Text01=01}}


Silan Karte

00

01

Abgerufen von „https://de.wiki.ryzom.com/w/index.php?title=Vorlage:Text_auf_Bild&oldid=9924“