Difference between revisions of "Template:BannerHeader"
Jump to navigation
Jump to search
(→Copy-paste) |
|||
| Line 8: | Line 8: | ||
</div> | </div> | ||
<div class="headerContent" style="width:100%;text-align:center;"> | <div class="headerContent" style="width:100%;text-align:center;"> | ||
| − | <div style="color:{{{titlecolor|#fff}}};text-shadow:-1px -1px {{{secondarycolor|#ccc}}}, 1px 1px 1px #000;opacity:.9;font-variant:small-caps;font-size:{{{titlesize|35px}}};font-family:{{{titlefont|'Palatino Linotype', 'Book Antiqua', Palatino, serif}}}">{{{charactername| | + | <div style="color:{{{titlecolor|#fff}}};text-shadow:-1px -1px {{{secondarycolor|#ccc}}}, 1px 1px 1px #000;opacity:.9;font-variant:small-caps;font-size:{{{titlesize|35px}}};font-family:{{{titlefont|'Palatino Linotype', 'Book Antiqua', Palatino, serif}}}">{{{charactername|Fi'rhen Nunh}}}</div> |
<hr style="border:0;text-align:center;height:1px;background-image: -webkit-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}}); | <hr style="border:0;text-align:center;height:1px;background-image: -webkit-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}}); | ||
background-image: -moz-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}}); | background-image: -moz-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}}); | ||
| Line 14: | Line 14: | ||
background-image: -o-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}});" /> | background-image: -o-linear-gradient(left, {{{basecolor|#000000}}}, {{{titlecolor|#fff}}}, {{{basecolor|#000000}}});" /> | ||
<div style="display:inline-block;position:relative;top:-13px;line-height:1px;padding:0;color:#fff;font-size:25px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);">§</div> | <div style="display:inline-block;position:relative;top:-13px;line-height:1px;padding:0;color:#fff;font-size:25px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);">§</div> | ||
| − | <div class="quote" style="margin-top:-12px;font-variant:small-caps;letter-spacing:4px;font-size:16px;text-shadow:3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72">{{{quote| | + | <div class="quote" style="margin-top:-12px;font-variant:small-caps;letter-spacing:4px;font-size:16px;text-shadow:3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72">{{{quote|Yeah I got it.}}}</div> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 05:20, 10 November 2015
Warning! This template uses arcane features of template syntax, such as parser functions, or is particularly complex. Please don't edit it unless you know exactly what you're doing.
Use this template to create a top banner for a character with a title and quote. Optional pictures can be added.
Syntax
{{BannerHeader
| basecolor = #0487BD The background and border color, defaults to black.
| secondarycolor = #B4D8E7 The highlight color, defaults to dark gray
| font = 'Helvetica Neue', Helvetica, Arial, sans-serif Default font
| fontsize = 14px Default Font size
| titlefont = 'Palatino Linotype', 'Book Antiqua', Palatino, serif Font face for the character name
| titlesize = 35px Font-size for the Character Name
| titlecolor= #FFF Font color for the title and quote
| bannerimageleft (optional) = ImageName
| bannerimageleftwidth (optional) = 100 Pixel size for left image
| bannerimageright (optional) = ImageName
| bannerimagerightwidth (optional) = 100 Pixel size for right image
}}
Copy-paste
{{BannerHeader
|basecolor=
|secondarycolor=
|font=
|fontsize=
|titlefont=
|titlesize=
|titlecolor=
|bannerimageleft =
|bannerimageright =
}}
