Template:Background: Difference between revisions

Latest revision as of 04:48, 24 April 2025

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>
-<onlyinclude><div style="width:calc(100% + 48px); height:calc(100% + 22px); background-color:{{{bgcolor|transparent}}}; opacity:{{{opacity|0.05}}}; overflow:{{#ifeq:{{{mode|0}}}|2|visible|hidden}}; pointer-events:none; user-select:none; position:{{#switch:{{{mode|0}}}|#default=absolute|1=static|2=sticky}}; z-index:-1; left:-24px; top:{{{top|2px}}}">
+<onlyinclude>{{#if:{{{url|}}}|{{Error|Background URL images are not supported.<br>URL: {{{url}}} }}|<div style="width:calc(100% + 48px); height:calc(100% + 22px); background-color:{{{bgcolor|transparent}}}; opacity:{{{opacity|0.05}}}; overflow:{{#ifeq:{{{mode|0}}}|2|visible|hidden}}; pointer-events:none; user-select:none; position:{{#switch:{{{mode|0}}}|#default=absolute|1=static|2=sticky}}; 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; 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>}}<!--
+		--><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>
+</div>}}</onlyinclude>
 </includeonly>

Template:Background: Difference between revisions

Latest revision as of 04:48, 24 April 2025

Parameters and Examples

Navigation menu

Search