Vorlage:Box: Unterschied zwischen den Versionen

Aus SkylineTV LIVE Wiki
Wechseln zu: Navigation, Suche
K
(Änderunge #474747 zu #333333, um stärkere Einheitlichkeit zum LB zu erhalten)
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
+
<div class="box">
<div>
+
{{#if: {{{center|}}}
<div style="
+
  |
 +
<div class="box-header" style="
 
border-style:solid;
 
border-style:solid;
 
border-width:1px;
 
border-width:1px;
margin-top:0;
+
margin-top:0px;
margin-right:0;
+
margin-right:0px;
margin-bottom:0;
+
margin-bottom:0px;
margin-left:0;
+
margin-left:0px;
 
padding-top:2px;
 
padding-top:2px;
padding-right:0;
+
padding-right:0px;
 
padding-bottom:2px;
 
padding-bottom:2px;
padding-left:0;
+
padding-left:10px;
background-color: #474747;
+
background-color: #333333;
"><div style="text-align:center;color:white;font-weight:bold">Willkommen bei SkylineTV LIVE Wiki</div></div>
+
"><p class="box-header-text" style="text-align:left;color:white;font-weight:bold; margin: 0px">{{{header}}}</p>
<div style="
 
border-style:solid;
 
border-top:none;
 
border-width:1px;
 
margin-top:0;
 
margin-right:0;
 
margin-bottom:6px;
 
margin-left:0;
 
padding-top:0px;
 
padding-right:0;
 
padding-bottom:0px;
 
padding-left:0;
 
">
 
 
 
<div style="text-align:center;">
 
<p style="margin-top:0px; margin-bottom:0px">SkylineTV LIVE - Live-Eskalationen immer woanders! Fühl dich frei, mitzuarbeiten.</p>
 
</div>
 
<div style="font-weight:bold; text-align:center;overflow: hidden;display: flex;
 
  justify-content: center;">
 
<div style="text-align: center; font-weight:bold;margin-left:7px; margin-right:7px;float:left;">
 
Über SkylineTV
 
</div>
 
<div style="font-weight:bold; margin-left:7px; margin-right:7px; float:left;">
 
Episodenliste
 
</div>
 
<div style="font-weight:bold;margin-left:7px; margin-right:7px; float:left;">
 
Insider
 
</div>
 
<div style="font-weight:bold; margin-left:7px; margin-right:7px; float:left;">
 
Streamorte
 
</div>
 
<div style="font-weight:bold; margin-left:7px; margin-right:7px; float:left;">
 
Guides
 
</div>
 
<div style="font-weight:bold; margin-left:7px; margin-right:7px; float:left;">
 
Team
 
</div>
 
<div style="font-weight:bold;margin-left:7px; margin-right:7px; float:left;">
 
Rekorde
 
</div>
 
 
 
 
 
 
 
</div>
 
 
</div>
 
</div>
 
+
  |
<div class="row" style="display:flex;">
+
<div class="box-header" style="
 
 
<div class="left-col" style="flex: 50%;">
 
<div>
 
<div style="
 
 
border-style:solid;
 
border-style:solid;
 
border-width:1px;
 
border-width:1px;
margin-top:6px;
+
margin-top:0px;
margin-right:6px;
+
margin-right:0px;
margin-bottom:0;
+
margin-bottom:0px;
 
margin-left:0px;
 
margin-left:0px;
padding-top:2px;
+
padding-top:2.8px;
 
padding-right:0px;
 
padding-right:0px;
padding-bottom:2px;
+
padding-bottom:2.8px;
padding-left:10px;
+
padding-left:0px;
background-color: #474747;
+
background-color: #333333;
"><div style="text-align:left;color:white;font-weight:bold">Was geschah am 20.01.2022?</div></div>
+
"><p class="box-header-text" style="text-align:center;color:white;font-weight:bold; margin: 0px">{{{header}}}</p>
<div style="
+
</div>
 +
}}
 +
<div class="box-body" style="
 
border-style:solid;
 
border-style:solid;
 
border-top:none;
 
border-top:none;
 
border-width:1px;
 
border-width:1px;
 
margin-top:0px;
 
margin-top:0px;
margin-right:6px;
+
margin-right:0px;
margin-bottom:6px;
+
margin-bottom:0px;
 
margin-left:0px;
 
margin-left:0px;
padding-top:2px;
+
padding-top:2.8px;
padding-right:0;
+
padding-right:2px;
padding-bottom:2px;
+
padding-bottom:2.8px;
padding-left:0;
+
padding-left:2px;
"><br>Test
+
">
dpfsl
+
<p class="box-body-text" style="margin:0px">{{{body}}}</p>
dsfd
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
<noinclude>
 +
Diese Vorlage erzeugt ein Box-Element, das z.B. für die Startseite verwendet werden kann.
 +
 +
== Anleitung zur Verwendung der Vorlage ==
  
<div class="right-col" style="flex: 50%;">
+
=== Zentrierte Überschrift ===
<div>
+
<pre>{{Box|header=Überschrift|body=Inhalt|center=true}}</pre>
<div style="
 
border-style:solid;
 
border-width:1px;
 
margin-top:6px;
 
margin-right:0;
 
margin-bottom:0;
 
margin-left:6px;
 
padding-top:2px;
 
padding-right:0;
 
padding-bottom:2px;
 
padding-left:10px;
 
background-color: #474747;
 
"><div style="text-align:left;color:white;font-weight:bold">Schon gewusst?</div></div>
 
<div style="
 
border-style:solid;
 
border-top:none;
 
border-width:1px;
 
margin-top:0px;
 
margin-right:0;
 
margin-bottom:6px;
 
margin-left:6px;
 
padding-top:2px;
 
padding-right:0;
 
padding-bottom:2px;
 
padding-left:0;
 
"><br>Test
 
dpfsl
 
dsfd
 
  
dd
+
=== Unzentrierte Überschrift ===
asds
+
<pre>{{Box|header=Überschrift|body=Inhalt}}</pre>
</div>
+
[[Kategorie:Vorlagen]]
</div>
+
</noinclude>
</div>
 
</div>
 
<div>
 
<div style="
 
border-style:solid;
 
border-width:1px;
 
margin-top:6px;
 
margin-right:0;
 
margin-bottom:0;
 
margin-left:0;
 
padding-top:2px;
 
padding-right:0;
 
padding-bottom:2px;
 
padding-left:0;
 
background-color: #474747;
 
"><div style="text-align:center;color:white;font-weight:bold">SkylineTV LIVE im Netz</div></div>
 
<div style="
 
border-style:solid;
 
border-top:none;
 
border-width:1px;
 
margin-top:0px;
 
margin-right:0;
 
margin-bottom:0;
 
margin-left:0;
 
padding-top:2px;
 
padding-right:0;
 
padding-bottom:2px;
 
padding-left:0;
 
"><br>Test
 
dpfsl
 
dsfd
 
</div>
 
</div>
 

Aktuelle Version vom 28. März 2022, 13:55 Uhr

{{{header}}}

{{{body}}}

Diese Vorlage erzeugt ein Box-Element, das z.B. für die Startseite verwendet werden kann.

Anleitung zur Verwendung der Vorlage[Bearbeiten]

Zentrierte Überschrift[Bearbeiten]

{{Box|header=Überschrift|body=Inhalt|center=true}}

Unzentrierte Überschrift[Bearbeiten]

{{Box|header=Überschrift|body=Inhalt}}