User:Levi_OP/Header button
Appearance
This template is for buttons under my {{User:Levi OP/Header}} template.
Usage
Basic Usage
To use the template in its raw state how I originally made it, you can use no parameters, with just the link location and text you want.
{{User:Levi_OP/Header button|User talk:Example|Talk page}}
Customizing the button
To customize the different aspects of the template, you can use the various css parameters included. All parameters expect CSS units, not including a semicolon (;). If you don't know what this means, or don't know how to use something, you could google the parameters, or ask me on my talk page.
{{User:Levi_OP/Header button
| <!-- Link location for the button -->
| <!-- Text to be displayed in the button -->
| background = <!-- Background color / gradient of the button -->
| color = <!-- Color of the text -->
| font-size = <!-- Font size of the text -->
| border-radius = <!-- How curved the borders will be -->
| padding = <!-- Amount of padding on the text -->
| margin = <!-- Margin amounts for the button -->
| text-shadow = <!-- CSS property for the border of the text, as well as the shadow of the text -->
| box-shadow = <!-- CSS property for the border of the button. I had to use box-shadow instead of border because border displays incorrectly in most browsers -->
| custom-style = <!-- Any extra CSS styling that you might need to add to make it look how you want -->
}}
Here is what the template defaults to, so that you can fiddle with the values individually:
{{User:Levi_OP/Header button
| (no default)
| (default equal to the first parameter)
| background = linear-gradient(45deg,#ff0000,#0000ff)
| color = white
| font-size = 2vw
| border-radius = 3px
| padding = 3px
| margin = 3px
| text-shadow = -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, -2px 2px 1px black
| box-shadow = 0 0 0 3px black
}}