Template:Stroke/doc View history

Revision as of 22:36, 17 July 2015 by PesachZ (talk | contribs) (Created page with "{{doc subpage}} <!-- ADD DOCUMENTATION BELOW THIS LINE --> This adds a css style parameter to put a stroke around text<br>{{pre2|text-shadow: -1px -1px 0 #000, 1px -...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
This is a documentation subpage for Template:Stroke.
It contains usage information, categories and other content that is not part of the original template page.

This adds a css style parameter to put a stroke around text

text-shadow: 
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;

This is text with a stroke

Usage

This template must be used inside a CSS style parameter. To use it on regular text, place the text inside a using the following code:

<span style="{{stroke}}">YOUR TEXT</span>

You can optionally use the |span=YOUR TEXT parameter to do this automatically: {{Stroke|span=YOUR TEXT GETS OUTLINED}} will produce YOUR TEXT GETS OUTLINED

Parameters

This stroke is formed using four shadows. To create unique effects, you can add this template multiple times with different options to the same text. You can specify the overall distance with |distance=, and color with |color=.

You can change individual distances and colors with:

  • |tl= top left distance
  • |tlcolor= top left color
  • |tr= top right distance
  • |trcolor= top right color
  • |bl= bottom left distance
  • |blcolor= bottom left color
  • |br= bottom right distance
  • |brcolor= bottom right color
  • |span=YOUR TEXT encloses you text inside <span>...</span> tags, with the stroke effect applied.

Examples

This is text with a stroke