Template:HighlightBar/doc View history

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