Template:HighlightBar/doc View history

The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
This is a documentation subpage for Template:HighlightBar.
It contains usage information, categories and other content that is not part of the original template page.

Usage

Basic function

Use {{HighlightBar|This is highlighted}} to create  This is highlighted  text.

Use {{HighlightBar|This is highlighted|style= display: inline-block; width: 250px;}}

to create the highlight block with a certain width.

 This is highlighted 


With optional parameters

{{HighlightBar
  | color = <your desired text color>
  | background-color = <your desired background color>
  | style = <your additional css style codes>
  | <your desired text>
}}

The parameters |color= and |background-color= can be entered directly or as part of the |style= parameter.

Style

The default style is the following:

color: black;
background-color: #FDFBA8;
border:2px solid black;
padding-left: 10px;
padding-right: 10px;
border-radius: 100px;
white-space: nowrap;


Examples with custom formats

{{HighlightBar|Blood|color = red}}

Produces:

 Blood 


{{HighlightBar|Read This|color = #F0FFFF|background-color = #006400|style = border-width:2px; border-color: #DC143C}}

Produces:

 Read This 


{{HighlightBar|Text|style = color: red; background-color: white; display: inline-block; width: 250px; text-align: right}}

Produces:

 Text