Vorlage:Layout 01: Unterschied zwischen den Versionen

[unmarkierte Version][gesichtete Version]
K (Schützte „Vorlage:Layout 01“ [edit=sysop:move=sysop])
 
(19 dazwischenliegende Versionen von 7 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly><div style="{{Breitenvorlage}}">
+
<includeonly><div style="width:100%;">
  <div style="{{Schrift/Seitenüberschrift}} background:{{{FarbeH}}}; border:{{{FarbeR}}} double 3px; margin-bottom:1em; padding:1em 1em;">{{{Kopf}}}</div>
+
{| style="width:100%; font-size:125%; font-weight:bold; color: {{Tabellenfarbe/Schrift}}; background:{{{FarbeH}}}; border:{{{FarbeR}}} double 3px; padding:0.2em 0.8em 0em 0.8em; margin-bottom:0.5em; color: {{Tabellenfarbe/Schrift}};"
  <div style="border:{{{FarbeR}}} double 3px; float:left; padding:0em 0.5em 0.5em 0.5em; margin:0em 1.5em 0.5em 0em;">
+
|
 +
{{{Kopf}}}
 +
|}
 +
{| style="width:100%; margin-bottom:1em;" cellspacing="5"
 +
|
 +
{{#if: {{{Box1| }}} |
 +
{{{!}} style="border:{{{FarbeR}}} double 3px; float:left; padding:0.5em; margin:0em 1.5em 0.5em 0em;"
 +
{{!}}
 
{{{Box1}}}
 
{{{Box1}}}
  </div>
+
{{!}}}
  <div style="padding:0.5em 1em;">
+
}}{{#if: {{{Box2| }}} |
 
{{{Box2}}}
 
{{{Box2}}}
  </div>
+
}}
  <div style="clear:both;">{{top}}</div>
+
|}
 +
 
 +
{{top}}
 
</div></includeonly><noinclude>
 
</div></includeonly><noinclude>
  
 
=== Sinn ===
 
=== Sinn ===
  
Diese Vorlage ermöglicht die gleiche Seiteneinteilung bei verschiedenen Layouts. Die Breite des kompletten Layouts wird über die [[Vorlage:Breitenvorlage|Breitenvorlage]] bestimmt. Die Breite von Box1 wird durch ihren Inhalt oder einen anzugebenden Wert festgelegt. Box2 nimmt dann den Rest der Breite und den Platz unter Box1 ein, sofern der Inhalt entsprechend umfangreich ist.
+
Diese Vorlage ermöglicht die gleiche Seiteneinteilung bei verschiedenen Layouts. Die Breite des kompletten Layouts wird über die bestimmt.
 +
 
 +
Die Breite von Box1 wird durch ihren Inhalt oder einen anzugebenden Wert festgelegt. Box2 nimmt dann den Rest der Breite und den Platz unter Box1 ein, sofern der Inhalt entsprechend umfangreich ist.
 +
 
 +
Es kann auch nur ein Inhalt für Box1 oder Box2 angegeben werden.
  
 
=== Anwendung ===
 
=== Anwendung ===
Zeile 31: Zeile 44:
  
 
{{{{PAGENAME}}
 
{{{{PAGENAME}}
|FarbeH= #ffffee
+
|FarbeH= #5d0505
|FarbeR= #aaaa55
+
|FarbeR= #5d0505
 
|Kopf  = Beispiel
 
|Kopf  = Beispiel
|Box1  = Box1<br />[[Bild:Alter mann.jpg]]<div style="text-align:center;">z. B. ein Bild</div>
+
|Box1  = Box1<br />[[Datei:Alter Mann.png]]<div style="text-align:center;">z. B. ein Bild</div>
|Box2  = <div style="font-size:150%;">
+
|Box2  =
 +
<div style="font-size:145%;">
 
Box2 mit jeder Menge Text, der um die linke Box herumfließt.
 
Box2 mit jeder Menge Text, der um die linke Box herumfließt.
  
Zeile 56: Zeile 70:
 
}}
 
}}
  
[[Kategorie:Vorlagen|{{PAGENAME}}]]
 
 
[[Kategorie:Vorlagen/Layout|{{PAGENAME}}]]
 
[[Kategorie:Vorlagen/Layout|{{PAGENAME}}]]
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 7. August 2023, 18:16 Uhr


Sinn

Diese Vorlage ermöglicht die gleiche Seiteneinteilung bei verschiedenen Layouts. Die Breite des kompletten Layouts wird über die bestimmt.

Die Breite von Box1 wird durch ihren Inhalt oder einen anzugebenden Wert festgelegt. Box2 nimmt dann den Rest der Breite und den Platz unter Box1 ein, sofern der Inhalt entsprechend umfangreich ist.

Es kann auch nur ein Inhalt für Box1 oder Box2 angegeben werden.

Anwendung

{{Layout 01 |FarbeH= Hintergrundfarbe |FarbeR= Rahmenfarbe |Kopf = Bereich für die Seitenüberschrift |Box1 = Linker Bereich |Box2 = Rechter Bereich }}

Beispiel

So könnte eine Seite aussehen:

Beispiel

Box1
Teleporter.png
z. B. ein Bild

Box2 mit jeder Menge Text, der um die linke Box herumfließt.

Wobei ich mir da jetzt nicht endlos was aus den Fingern saugen möchte, damit das an diesem Beispiel auch richtig gezeigt wird.

Deshalb lohnt sich auch das Weiterlesen in keinster Weise.

Wie gesagt, weiterlesen lohnt nicht.

Wirklich nicht.

Also wer jetzt noch liest, hat den Text weiter oben nicht gelesen oder ihn nicht verstanden.

Es gibt hier nichts interessantes.

Kein bisschen.

Auch unter dem Bild nicht mehr...

▲ Zum Seitenanfang ▲