Vorlage:CSS Background

Zur Navigation springen Zur Suche springen
Bearbeiten · Versionen · Cache leeren · Messages · Seiteninformation
Die Vorlage CSS Background ist nur auf eingebundenen Seiten voll sichtbar und auf dieser Seite versteckt.

Vorlagendokumentation Bearbeiten · Raw · Versionen · Cache leeren · Seiteninformation
Diese Vorlagendokumentation wird von der Seite Vorlage:CSS Background/doc eingebunden.

Die Vorlage {{CSS Background}} Textbox mit Wow-Effekt

Alle Boxen: Anm, BlueBox, Console, CSS Background, Csscol, Gedicht, Hr, Infobox, InfoBox, Neues Klavierstück, Neues Weihnachtslied, Neues Weihnachtslied mit Orgelbegleitung, OraSql, Palegreen, Portal table, ShowMe, Taste, Wico, Überschrift

Parameter

x
NameBeschreibungStandardStatus
1großer Textleeroptional
2kleiner Textleeroptional
widthBreite der Box50%optional
gradientFarb-Hintergrundlinear-gradient(to left, yellow, ..., white)optional
wbigFontweight des großen Schriftzugsboldoptional
ptopAbstand des Textes vom oberen Rand3vwoptional
bisSchriftgröße des großen Schriftzugs7 vwoptional
smallSchriftgröße des kleinen Schriftzugs3 vwoptional
wsmallFontweight des kleinen Schriftzugsnormaloptional
bgcolordunkle Hintergrundfarbergb(40, 40, 40)optional
pbottomAbstand des Textes vom unteren Rand3vwoptional
blendmodeÜberblendmodus CSS mix-blend-mode Propertymultiplyoptional

Kopiervorlagen

{{CSS Background|1=|2=|width=|gradient=|wbig=|ptop=|bis=|small=|wsmall=|bgcolor=|pbottom=|blendmode=}}
{{CSS Background|1=|2=|width=|gradient=|wbig=|ptop=|bis=|small=|wsmall=|bgcolor=|pbottom=|blendmode=}}
{{CSS Background
|1=
|2=
|width=
|gradient=
|wbig=
|ptop=
|bis=
|small=
|wsmall=
|bgcolor=
|pbottom=
|blendmode=}}
{{CSS Background
|1=
|2=
|width=
|gradient=
|wbig=
|ptop=
|bis=
|small=
|wsmall=
|bgcolor=
|pbottom=
|blendmode=}}

Anwendung

{{CSS Background}}
ergibt als Wikitext expandiert:
<div style="width: 50%; "><div style="background: linear-gradient(to left, yellow, red, blue, orange, green, white); width:100%; margin: 0; padding: 0">

<p style="color: #000; border: 20px solid; background: rgb(40, 40, 40); margin: 1em 0; padding: 0; mix-blend-mode: multiply; box-shadow: 0px 0px 10px 0 #fff inset; text-align: center;"> <div style="color: #000; font: bold 7vw 'Alfa Slab One'; line-height: 0.9; text-align: center; text-shadow: 0px 0px 15px #fff, 0px 0px 15px #fff; padding-top: 0">Online Bar</span>

</p></div></div>
angewendet:

Online Bar

{{CSS Background|1=LilyPond|width=1200px|bgcolor=#fff|border=0|lheight=3em}}
ergibt als Wikitext expandiert:
<div style="width: 1200px; "><div style="background: linear-gradient(to left, yellow, red, blue, orange, green, white); width:100%; margin: 0; padding: 0">

<p style="color: #000; border: 0; background: #fff; margin: 1em 0; padding: 0; mix-blend-mode: multiply; box-shadow: 0px 0px 10px 0 #fff inset; text-align: center;"> <div style="color: #000; font: bold 7vw 'Alfa Slab One'; line-height: 3em; text-align: center; text-shadow: 0px 0px 15px #fff, 0px 0px 15px #fff; padding-top: 0">LilyPond</span>

</p></div></div>
angewendet:

LilyPond

Code

<includeonly>

<onlyinclude><div style="width: {{{width|50%}}}; "><div style="background: {{{gradient|linear-gradient(to left, yellow, red, blue, orange, green, white)}}}; width:100%; margin: 0; padding: 0"> <p style="color: #000; border: {{{border|20px solid}}}; background: {{{bgcolor|rgb(40, 40, 40)}}}; margin: 1em 0; padding: 0; mix-blend-mode: {{{blendmode|multiply}}}; box-shadow: {{{boxshadow|0px 0px 10px 0 #fff inset}}}; text-align: center;"> <div style="color: {{{tcolor|#000}}}; font: {{{wbig|bold}}} {{{big|7vw}}} 'Alfa Slab One'; line-height: {{{lheight|0.9}}}; text-align: center; text-shadow: 0px 0px 15px #fff, 0px 0px 15px #fff; padding-top: {{{ptop|0}}}">{{{1|{{{text|Online Bar}}}}}}</span> {{#if:{{{2|}}}|<br><div style="color: #000; font: {{{wsmall|normal}}} {{{small|3vw}}} 'Alfa Slab One'; line-height: 0.5; text-align: center; text-shadow: 0px 0px 7px #fff, 0px 0px 7px #fff; padding-bottom: {{{pbottom|{{{ptop|0}}}}}}">{{{2|}}}</div>}}</p></div></div></onlyinclude> </includeonly>

{{Dokumentation}}

Verwendungen dieser Vorlage

Unterseiten