Template:Background: Difference between revisions

Revision as of 10:21, 4 February 2025

Todo: Fix the url as it doesn't show up

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 1: / Line 1: @@
+{{Todo|Fix the url as it doesn't show up}}
 {{Documentation}}
 <includeonly>
@@ Line 5: / Line 6: @@
 	<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; position:absolute; z-index:0"><!--
-		-->{{#if:{{{url|}}}|{{{url}}}|<span style="{{#switch:{{{mask|}}}|false=|-webkit-mask-image:{{{mask|linear-gradient(to right, transparent, black 5%, black 95%, transparent)}}};}}">[[File:{{{file|}}}|link=|{{{size|}}}]]</span>}}<!--
+		-->{{#if:{{{url|}}}|{{{url|}}}|<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>

Template:Background: Difference between revisions

Revision as of 10:21, 4 February 2025

Parameters and Examples

Navigation menu

Search