Template:Background: Difference between revisions

Revision as of 03:14, 13 January 2024

Template Documentation [view] [edit]

Available doc translations

…

This template allows you to add a background for an article.

Parameters and Examples

Name	Description	Example	Preview
`{{{file}}}`	The path to the image.	{{Background \| file = Hlalyx1.jpg }}	Preview is not possible
`{{{opacity}}}`	Allows you to change the opacity of the entire block. (0.05 by default)	{{Background\|opacity=0.5}}	Preview is not possible
`{{{bgcolor}}}`	Controls the background color of the block. (transparent by default)	{{Background\|bgcolor=rgb(255,255,255)}}	Preview is not possible
`{{{gradient-color}}}`	Controls the color of the bottom gradient. (38,38,38 by default)	{{Background\|gradient-color=50,50,50}}	Preview is not possible
`{{{gradient-height}}}`	Controls the height of the gradient. (150px by default)	{{Background\|gradient-height=600px}}	Preview is not possible
`{{{mode}}}`	Controls the position of the background image on the page. `0` – Absolute (default): Always at the top of the page. `1` – Static: The regular position where the template occurs in the wikitext `2` – Sticky: Like static, but the image follows the user when scrolling about, until the containing block (such as a simple `<div>`) ends.	{{Background\|mode=1}}	Preview is not possible

The above documentation is transcluded from Template:Background/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.

@@ Line 2: / Line 2: @@
 <includeonly><onlyinclude><div style="width:calc(100% + 48px); height:calc(100% + 22px); background-color:{{{bgcolor|transparent}}}; opacity:{{{opacity|0.05}}}; overflow:hidden; pointer-events:none; user-select:none; position:absolute; z-index:-1; left:-24px; top:{{{top|2px}}}">
 	<div style="background:linear-gradient(180deg, rgb(38,38,38) 0%, rgba(38,38,38,0) 100%); width:100%; height:{{{gradient-height|150px}}}; position:absolute; z-index:1"></div>
-	<div style="width:100%; display:flex; justify-content:center; {{#switch:{{{background mask|}}}|false=|-webkit-mask-image:{{{background mask|linear-gradient(to right, transparent, black 5%, black 95%, transparent)}}};}} position:absolute; z-index:0"><!--
+	<div style="width:100%; display:flex; justify-content:center; position:absolute; z-index:0"><!--
-		-->{{#if:{{{link|}}}|{{{link|}}}|[[File:{{{file|}}}|link=|{{{size|}}}]]}}<!--
+		-->{{#if:{{{link|}}}|{{{link|}}}|<span style="{{#switch:{{{mask|}}}|false=|-webkit-mask-image:{{{mask|linear-gradient(to right, transparent, black 5%, black 95%, transparent)}}};}}">[[File:{{{file|}}}|link=|{{{size|}}}]]</span>}}<!--
 		--><div style="background:linear-gradient(0deg, rgb({{{gradient-color|38,38,38}}}) 0%, rgba({{{gradient-color|38,38,38}}},0) 100%); width:100%; height:{{{gradient-height|150px}}}; position:absolute; z-index:1; bottom:0"></div>
 	</div>
 </div></onlyinclude></includeonly>

Template:Background: Difference between revisions

Revision as of 03:14, 13 January 2024

Parameters and Examples

Navigation menu

Search