Template:BasicCharacterPage: Difference between revisions
From LiberationMUSH Wiki
m (added the missing sub-note thingy) |
(+filmography) |
||
| (5 intermediate revisions by 3 users not shown) | |||
| Line 55: | Line 55: | ||
</nowiki></pre> | </nowiki></pre> | ||
</noinclude> | </noinclude><includeonly> | ||
<includeonly> | |||
{{#css: | {{#css: | ||
#bcp { | #bcp { | ||
display: flex; | display: flex; | ||
| Line 69: | Line 67: | ||
font-size: 11pt; | font-size: 11pt; | ||
} | } | ||
#bcp table { | #bcp table { | ||
width: 100%; | width: 100%; | ||
} | } | ||
#bcp table tr td:nth-child(1) { | #bcp table tr td:nth-child(1) { | ||
font-weight: bold; | font-weight: bold; | ||
| Line 82: | Line 78: | ||
text-align: right; | text-align: right; | ||
} | } | ||
.bcpboxtitle { | .bcpboxtitle { | ||
color: {{{titlefg|white}}}; | color: {{{titlefg|white}}}; | ||
| Line 91: | Line 86: | ||
margin: 5px 0; | margin: 5px 0; | ||
} | } | ||
#bcpquote { | #bcpquote { | ||
text-align: center; | text-align: center; | ||
| Line 100: | Line 94: | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
#bcpcolumns { | #bcpcolumns { | ||
display: flex; | display: flex; | ||
| Line 108: | Line 101: | ||
align-content: stretch; | align-content: stretch; | ||
} | } | ||
@media (max-width: 990px) { | @media (max-width: 990px) { | ||
#bcpcolumns { | #bcpcolumns { | ||
| Line 126: | Line 117: | ||
} | } | ||
} | } | ||
#bcpleftcolumn { | #bcpleftcolumn { | ||
flex-grow: 3; | flex-grow: 3; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
#bcpgallery p { | #bcpgallery p { | ||
margin: 0; | margin: 0; | ||
| Line 138: | Line 127: | ||
#bcpgallery img { | #bcpgallery img { | ||
max-width: 30%; | max-width: 30% !important; | ||
height: auto; | height: auto !important; | ||
} | } | ||
#bcplogs { | #bcplogs { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#bcprightcolumn { | #bcprightcolumn { | ||
flex-grow: 1; | flex-grow: 1; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
#bcpname p { | #bcpname p { | ||
margin: 0; | margin: 0; | ||
} | } | ||
#bcpname img { | #bcpname img { | ||
min-width: 100%; | min-width: 100%; | ||
| Line 160: | Line 145: | ||
height: auto; | height: auto; | ||
} | } | ||
}} | }} | ||
<div id="bcp"> | <div id="bcp"> | ||
| Line 186: | Line 170: | ||
<div class="bcpboxtitle">Stereotypes</div> | <div class="bcpboxtitle">Stereotypes</div> | ||
{{{stereotypes}}} | {{{stereotypes}}} | ||
</div> | |||
}} | |||
{{#if: {{{filmography|}}} | | |||
<div class="bcpbox" id="bcpstereotypes"> | |||
<div class="bcpboxtitle">Filmography</div> | |||
{{{filmography}}} | |||
</div> | </div> | ||
}} | }} | ||
| Line 210: | Line 200: | ||
{{!}}} | {{!}}} | ||
</div> | </div> | ||
{{#if: {{{statistics|}}} | | |||
<div class="bcpbox" id="bcpstatistics"> | <div class="bcpbox" id="bcpstatistics"> | ||
<div class="bcpboxtitle">Statistics</div> | <div class="bcpboxtitle">Statistics</div> | ||
| Line 216: | Line 207: | ||
{{!}}} | {{!}}} | ||
</div> | </div> | ||
}} | |||
{{#if: {{{soundtrack|}}} | | |||
<div class="bcpbox" id="bcpsoundtrack"> | <div class="bcpbox" id="bcpsoundtrack"> | ||
<div class="bcpboxtitle">Soundtrack</div> | <div class="bcpboxtitle">Soundtrack</div> | ||
{{{soundtrack| }}} | {{{soundtrack| }}} | ||
</div> | </div> | ||
}} | |||
{{{rightcolumn|}}} | {{{rightcolumn|}}} | ||
</div> | </div> | ||
Latest revision as of 15:25, 5 September 2022
Based on a page design by User:DreadWraith and made into a template by User:Polk
Example of use:
{{BasicCharacterPage
| pagename=Bender
| titlefg=white
| titlebg=green
| fullname=Bender Rodriguez
| profileimage=[[File:Bender.jpg]]
| quote=Bite my shiny metal ass!
| biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool.
| stereotypes=Somethingsomething
| rphooks=
* Bending
* Beer
* Killing all humans
| gallery=
[[File:Bender1.jpg]]
[[File:Bender2.jpg]]
[[File:Bender3.jpg]]
| profile=
{{!}} Species
{{!}} Robot
{{!}}-
{{!}} Age
{{!}} 5
| statistics=
{{!}} Gambling
{{!}} 🔴⚫️⚫️⚫️⚫️
{{!}}-
{{!}} Subterfuge
{{!}} 🔴🔴🔴🔴⚫️
}}
Optional add-on arguments are soundtrack, which works the same as rphooks above, as well as stereotypes and contacts which are free-form.
And if you really want to customize, you can add entire new boxes with the leftcolumn or rightcolumn settings. For example:
| leftcolumn=<div class="bcpbox"><div class="bcpboxtitle">Filmography</div> stuff goes here </div> <div class="bcpbox"><div class="bcpboxtitle">Awards</div> stuff goes here </div> | rightcolumn=<div class="bcpbox"><div class="bcpboxtitle">Aliases</div> stuff goes here </div> <div class="bcpbox"><div class="bcpboxtitle">Confirmed kills</div> stuff goes here </div>
