Vorlage:Familie

Aus OPwiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
[gesichtete Version][gesichtete Version]
K
 
(Der Versionsvergleich bezieht 7 dazwischenliegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
<includeonly><div style="background-color: {{#switch:{{lc:{{{auftritt|}}} }} | filler = #C8FFC8 | movie = #ffdead | special = #64C8FF | #default = #ffffff }}; border: 1px solid #e0e0e0; padding: 8px 12px; {{#if:{{{folgezeile|}}}|border-top: none; border-radius: 0 0 6px 6px; margin-top: -26px; padding-top: 0px;|border-radius: 6px;}} margin-bottom: 25px;">
+
<includeonly><div style="background-color: {{#switch:{{lc:{{{auftritt|}}} }} | filler = #C8FFC8 | movie = #ffdead | special = #64C8FF | #default = #ffffff }}; border: 1px solid #e0e0e0; padding: 8px 12px; {{#if:{{{folgezeile|}}}|border-top: none; border-radius: 0 0 6px 6px; margin-top: -26px; padding-top: 0px;|border-radius: 6px;}} margin-bottom: 10px;">
{{#if:{{{info|}}}|
{{#if:{{{info|}}}|
Zeile 16: Zeile 16:
}}
}}
-
<!-- BÜNDEL ALLER FAMILIENMITGLIEDER -->
+
<!-- BÜNDEL ALLER FAMILIENMITGLIEDER UND ZUSATZBILD -->
-
<div style="display: flex; flex-wrap: wrap; gap: 5px; align-items: flex-start; ; {{#if:{{{folgezeile|}}}|margin-left: auto;|}}">
+
<div style="display: flex; flex-direction: column; align-items: flex-end; margin-left: auto;">
 +
 
 +
<!-- PERSONEN-REIHE -->
 +
<div style="display: flex; flex-wrap: wrap; gap: 5px;">
<!-- PERSON 1 -->
<!-- PERSON 1 -->
Zeile 23: Zeile 26:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_1|110px}}}; min-width: {{{zoom_1|110px}}}; flex-shrink: 0; margin-top: {{{top_1|0px}}}; margin-left: {{{left_1|0px}}};">
+
<div style="width: {{{zoom_1|110}}}px; min-width: {{{zoom_1|110}}}px; flex-shrink: 0; margin-top: {{{top_1|0}}}px; margin-left: {{{left_1|0}}}px;">
-
[[Datei:{{{bild_1}}}|{{{zoom_1|110px}}}]]
+
[[Datei:{{{bild_1}}}|{{{zoom_1|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 34: Zeile 37:
<!-- VERBINDUNG 1 -->
<!-- VERBINDUNG 1 -->
{{#if:{{{verbindung_1|}}}|
{{#if:{{{verbindung_1|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_1}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_1}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 44: Zeile 47:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_2|110px}}}; min-width: {{{zoom_2|110px}}}; flex-shrink: 0; margin-top: {{{top_2|0px}}}; margin-left: {{{left_2|0px}}};">
+
<div style="width: {{{zoom_2|110}}}px; min-width: {{{zoom_2|110}}}px; flex-shrink: 0; margin-top: {{{top_2|0}}}px; margin-left: {{{left_2|0}}}px;">
-
[[Datei:{{{bild_2}}}|{{{zoom_2|110px}}}]]
+
[[Datei:{{{bild_2}}}|{{{zoom_2|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 55: Zeile 58:
<!-- VERBINDUNG 2 -->
<!-- VERBINDUNG 2 -->
{{#if:{{{verbindung_2|}}}|
{{#if:{{{verbindung_2|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_2}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_2}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 65: Zeile 68:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_3|110px}}}; min-width: {{{zoom_3|110px}}}; flex-shrink: 0; margin-top: {{{top_3|0px}}}; margin-left: {{{left_3|0px}}};">
+
<div style="width: {{{zoom_3|110}}}px; min-width: {{{zoom_3|110}}}px; flex-shrink: 0; margin-top: {{{top_3|0}}}px; margin-left: {{{left_3|0}}}px;">
-
[[Datei:{{{bild_3}}}|{{{zoom_3|110px}}}]]
+
[[Datei:{{{bild_3}}}|{{{zoom_3|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 76: Zeile 79:
<!-- VERBINDUNG 3 -->
<!-- VERBINDUNG 3 -->
{{#if:{{{verbindung_3|}}}|
{{#if:{{{verbindung_3|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_3}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_3}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 86: Zeile 89:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_4|110px}}}; min-width: {{{zoom_4|110px}}}; flex-shrink: 0; margin-top: {{{top_4|0px}}}; margin-left: {{{left_4|0px}}};">
+
<div style="width: {{{zoom_4|110}}}px; min-width: {{{zoom_4|110}}}px; flex-shrink: 0; margin-top: {{{top_4|0}}}px; margin-left: {{{left_4|0}}}px;">
-
[[Datei:{{{bild_4}}}|{{{zoom_4|110px}}}]]
+
[[Datei:{{{bild_4}}}|{{{zoom_4|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 97: Zeile 100:
<!-- VERBINDUNG 4 -->
<!-- VERBINDUNG 4 -->
{{#if:{{{verbindung_4|}}}|
{{#if:{{{verbindung_4|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_4}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_4}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 107: Zeile 110:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_5|110px}}}; min-width: {{{zoom_5|110px}}}; flex-shrink: 0; margin-top: {{{top_5|0px}}}; margin-left: {{{left_5|0px}}};">
+
<div style="width: {{{zoom_5|110}}}px; min-width: {{{zoom_5|110}}}px; flex-shrink: 0; margin-top: {{{top_5|0}}}px; margin-left: {{{left_5|0}}}px;">
-
[[Datei:{{{bild_5}}}|{{{zoom_5|110px}}}]]
+
[[Datei:{{{bild_5}}}|{{{zoom_5|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 118: Zeile 121:
<!-- VERBINDUNG 5 -->
<!-- VERBINDUNG 5 -->
{{#if:{{{verbindung_5|}}}|
{{#if:{{{verbindung_5|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_5}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_5}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 128: Zeile 131:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_6|110px}}}; min-width: {{{zoom_6|110px}}}; flex-shrink: 0; margin-top: {{{top_6|0px}}}; margin-left: {{{left_6|0px}}};">
+
<div style="width: {{{zoom_6|110}}}px; min-width: {{{zoom_6|110}}}px; flex-shrink: 0; margin-top: {{{top_6|0}}}px; margin-left: {{{left_6|0}}}px;">
-
[[Datei:{{{bild_6}}}|{{{zoom_6|110px}}}]]
+
[[Datei:{{{bild_6}}}|{{{zoom_6|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 139: Zeile 142:
<!-- VERBINDUNG 6 -->
<!-- VERBINDUNG 6 -->
{{#if:{{{verbindung_6|}}}|
{{#if:{{{verbindung_6|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_6}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_6}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 149: Zeile 152:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_7|110px}}}; min-width: {{{zoom_7|110px}}}; flex-shrink: 0; margin-top: {{{top_7|0px}}}; margin-left: {{{left_7|0px}}};">
+
<div style="width: {{{zoom_7|110}}}px; min-width: {{{zoom_7|110}}}px; flex-shrink: 0; margin-top: {{{top_7|0}}}px; margin-left: {{{left_7|0}}}px;">
-
[[Datei:{{{bild_7}}}|{{{zoom_7|110px}}}]]
+
[[Datei:{{{bild_7}}}|{{{zoom_7|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 160: Zeile 163:
<!-- VERBINDUNG 7 -->
<!-- VERBINDUNG 7 -->
{{#if:{{{verbindung_7|}}}|
{{#if:{{{verbindung_7|}}}|
-
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 15px;">
+
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 75px;">
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_7}}}</span>
<span style="font-size: 0.85em; color: #555; margin-bottom: 3px;">{{{verbindung_7}}}</span>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
<div style="border-top: 2px dashed #888; width: 35px;"></div>
Zeile 170: Zeile 173:
<div style="text-align: center; width: 110px;">
<div style="text-align: center; width: 110px;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
<div style="width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; background: #fff; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: center;">
-
<div style="width: {{{zoom_8|110px}}}; min-width: {{{zoom_8|110px}}}; flex-shrink: 0; margin-top: {{{top_8|0px}}}; margin-left: {{{left_8|0px}}};">
+
<div style="width: {{{zoom_8|110}}}px; min-width: {{{zoom_8|110}}}px; flex-shrink: 0; margin-top: {{{top_8|0}}}px; margin-left: {{{left_8|0}}}px;">
-
[[Datei:{{{bild_8}}}|{{{zoom_8|110px}}}]]
+
[[Datei:{{{bild_8}}}|{{{zoom_8|110}}}px]]
</div>
</div>
</div>
</div>
Zeile 179: Zeile 182:
}}
}}
 +
</div> <!-- ENDE PERSONEN-REIHE -->
 +
 +
<!-- ZUSATZBILD (OPTIONAL) -->
 +
{{#if:{{{zusatzbild|}}}|
 +
<div style="margin-top: 20px; align-self: center;">
 +
[[Datei:{{{zusatzbild}}}|thumb|none|{{{zusatzbild_breite|180}}}px|<div style="text-align: center;">{{{zusatzbild_text|}}}</div>]]
</div>
</div>
-
</div>
+
}}
-
</div></includeonly>
+
</div></div></div></includeonly>
<noinclude>
<noinclude>
{{Familie
{{Familie
Zeile 189: Zeile 198:
|name_1=[[Figarland Garling]]
|name_1=[[Figarland Garling]]
|bild_1=GarlingP.jpg
|bild_1=GarlingP.jpg
-
|zoom_1=140px
+
|zoom_1=140
-
|top_1=-8px
+
|top_1=-8
|rolle_1=Vater
|rolle_1=Vater
|verbindung_1=Beziehung
|verbindung_1=Beziehung
|name_2=[[Magnolia]]
|name_2=[[Magnolia]]
|bild_2=Magnolia.jpg
|bild_2=Magnolia.jpg
-
|zoom_2=110px
+
|zoom_2=110
|top_2=
|top_2=
|left_2=
|left_2=
Zeile 201: Zeile 210:
|name_3=[[Shanks]]
|name_3=[[Shanks]]
|bild_3=Shanks heute.jpg
|bild_3=Shanks heute.jpg
-
|zoom_3=120px
+
|zoom_3=120
|rolle_3=Sohn
|rolle_3=Sohn
|name_4=[[Figarland Shamrock]]
|name_4=[[Figarland Shamrock]]
|bild_4=ShamrockK.jpg
|bild_4=ShamrockK.jpg
-
|zoom_4=140px
+
|zoom_4=140
|rolle_4=Sohn
|rolle_4=Sohn
|name_5=[[Uta]]
|name_5=[[Uta]]
|bild_5=UtaP.jpg
|bild_5=UtaP.jpg
-
|zoom_5=110px
+
|zoom_5=110
|rolle_5=Ziehtochter von Shanks
|rolle_5=Ziehtochter von Shanks
}}
}}
Zeile 221: Zeile 230:
|name_1=<br>
|name_1=<br>
|bild_1=<br>
|bild_1=<br>
-
|zoom_1= <optional, Zoom ins Bild, damit der Kreis immer ausgefüllt wird, Angabe in px><br>
+
|zoom_1= <optional, Zoom ins Bild als reiner Zahlenwert, z. B. 140 für 140px><br>
-
|top_1= <optional, Verschiebung des Bildes in der Vertikalen, Angabe in px><br>
+
|top_1= <optional, Verschiebung des Bildes in der Vertikalen als reine Zahl, z. B. -8 oder 5><br>
-
|left_1= <optional, Verschiebung des Bildes in der Horizontalen, Angabe in px><br>
+
|left_1= <optional, Verschiebung des Bildes in der Horizontalen als reine Zahl, z. B. 10><br>
|rolle_1= <optional, Text unter dem Namen><br>
|rolle_1= <optional, Text unter dem Namen><br>
|verbindung_1= <optional, erstellt zwischen Person 1 und 2 eine Verbindung, z.B. für "verheiratet"><br>
|verbindung_1= <optional, erstellt zwischen Person 1 und 2 eine Verbindung, z.B. für "verheiratet"><br>
Zeile 239: Zeile 248:
|rolle_3=<br>
|rolle_3=<br>
|infotext=<br>
|infotext=<br>
 +
|zusatzbild= <optional, falls ein zusätzliches Bild UNTER der Personenreihe eingefügt werden soll><br>
 +
|zusatzbild_breite= <optional, Größe des Zusatzbildes als reine Zahl, standardmäßig 180 für 180px><br>
 +
|zusatzbild_text= <optional, Text des Zusatzbildes><br>
}}</code>
}}</code>

Aktuelle Version vom 20:56, 11. Aug. 2026



Die Familie Figarland gehört zu den Weltaristokraten. Familienoberhaupt ist Figarland Garling, der Oberbefehlshaber der Ritter der Götter und Mitglied der Fünf Weisen. Er hat zwei Zwillingssöhne, Figarland Shamrock und Shanks. Während Shamrock in die Fußstapfen seines Vaters trat, wurde Shanks Pirat und einer der Vier Kaiser. Shanks hingegen hatte mit Uta eine Ziehtochter.

Beziehung

Mutter


Sohn



Ziehtochter von Shanks









Handhabung

Aktuell bis zu 8 Personen hintereinander.
{{Familie
|auftritt=filler / movie / special <optional, füllt die Hintergrundfarbe des Kastens automatisch mit der hinterlegten Farbe, ansonsten ist der Kasten weiß für den Manga>
|info=einem Anime-Filler <erscheint nur, wenn |auftritt ausgefüllt ist, fester Text lautet: "Diese Information stammt aus {{{info}}}." und wird mit der Info aus der Variable weitergeführt >
|name_1=
|bild_1=
|zoom_1= <optional, Zoom ins Bild als reiner Zahlenwert, z. B. 140 für 140px>
|top_1= <optional, Verschiebung des Bildes in der Vertikalen als reine Zahl, z. B. -8 oder 5>
|left_1= <optional, Verschiebung des Bildes in der Horizontalen als reine Zahl, z. B. 10>
|rolle_1= <optional, Text unter dem Namen>
|verbindung_1= <optional, erstellt zwischen Person 1 und 2 eine Verbindung, z.B. für "verheiratet">
|name_2=
|bild_2=
|zoom_2=
|top_2=
|left_2=
|rolle_2=
|name_3=
|bild_3=
|zoom_3=
|top_3=
|left_3=
|rolle_3=
|infotext=
|zusatzbild= <optional, falls ein zusätzliches Bild UNTER der Personenreihe eingefügt werden soll>
|zusatzbild_breite= <optional, Größe des Zusatzbildes als reine Zahl, standardmäßig 180 für 180px>
|zusatzbild_text= <optional, Text des Zusatzbildes>
}}

Wenn doch mehr Personen benötigt werden oder umbrochen werden soll, einfach die Vorlage darunter schreiben, dann aber die Zusatzzeile |folgezeile=ja einbauen.
{{Familie
|auftritt=filler
|folgezeile=ja
|name_1=Kind 9
|bild_1=Kein Bild.jpg
|rolle_1=Sohn
|name_2=Kind 10
|bild_2=Kein Bild.jpg
|rolle_2=Tochter
}}

Von „https://opwiki.org/wiki/Vorlage:Familie“
Persönliche Werkzeuge
Nakama
Toplists
  • AnimeManga Charts