Template:BasicCharacterPage: Difference between revisions
From Ascension Sojourns
(Created page with "<noinclude> Based on a page design by User:DreadWraith and made into a template by User:Polk Example of use: <nowiki>{{</nowiki>BasicCharacterPage | pagename=Bender | titlefg=white | titlebg=green | fullname=Bender Rodriguez | profileimage=<nowiki>File:Bender.jpg</nowiki> | quote=Bite my shiny metal ass! | biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool. | rphooks= * Bending * Beer * Killing all huma...") |
No edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
Based on a page design by | Based on a page design by DreadWraith. | ||
Example of use: | Example of use: | ||
| Line 10: | Line 10: | ||
| fullname=Bender Rodriguez | | fullname=Bender Rodriguez | ||
| profileimage=<nowiki>[[File:Bender.jpg]]</nowiki> | | profileimage=<nowiki>[[File:Bender.jpg]]</nowiki> | ||
| quote=Bite my shiny metal ass! | | quote=<nowiki> <font style="font-family: Verdana; font-size: 12pt;"></nowiki>Bite my shiny metal ass! | ||
| biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool. | | biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool. | ||
| stereotypes=Somethingsomething | |||
| rphooks= | | rphooks= | ||
* Bending | * Bending | ||
| Line 34: | Line 35: | ||
<nowiki>}}</nowiki> | <nowiki>}}</nowiki> | ||
Optional add-on arguments are soundtrack, which works the same as rphooks above, as well as stereotypes and contacts which are free-form. | Optional add-on arguments are <code>soundtrack</code>, which works the same as <code>rphooks</code> above, as well as <code>stereotypes</code> and <code>contacts</code> which are free-form. | ||
And if you really want to customize, you can add entire new boxes with the <code>leftcolumn</code> or <code>rightcolumn</code> settings. For example: | |||
<pre><nowiki> | |||
</noinclude> | | 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> | |||
</nowiki></pre> | |||
</noinclude><includeonly> | |||
{{#css: | {{#css: | ||
#bcp { | #bcp { | ||
display: flex; | display: flex; | ||
| Line 51: | Line 65: | ||
align-content: stretch; | align-content: stretch; | ||
font-size: | font-size: 12pt; | ||
} | } | ||
#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 66: | Line 78: | ||
text-align: right; | text-align: right; | ||
} | } | ||
.bcpboxtitle { | .bcpboxtitle { | ||
color: {{{titlefg|white}}}; | color: {{{titlefg|white}}}; | ||
| Line 75: | Line 86: | ||
margin: 5px 0; | margin: 5px 0; | ||
} | } | ||
#bcpquote { | #bcpquote { | ||
text-align: center; | text-align: center; | ||
| Line 81: | Line 91: | ||
} | } | ||
#bcplogs li { | |||
list-style-type: none; | |||
} | |||
#bcpcolumns { | #bcpcolumns { | ||
display: flex; | display: flex; | ||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
align-items: | align-items: left; | ||
align-content: stretch; | align-content: stretch; | ||
} | } | ||
@media (max-width: 990px) { | @media (max-width: 990px) { | ||
#bcpcolumns { | #bcpcolumns { | ||
| Line 98: | Line 109: | ||
#bcpcolumns { | #bcpcolumns { | ||
flex-direction: row; | flex-direction: row; | ||
} | |||
#bcprightcolumn { | |||
max-width: 35%; | |||
} | |||
#bcpleftcolumn { | |||
max-width: 70%; | |||
} | } | ||
} | } | ||
#bcpleftcolumn { | #bcpleftcolumn { | ||
flex-grow: 3; | flex-grow: 3; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
#bcpgallery p { | #bcpgallery p { | ||
margin: 0; | margin: 0; | ||
| Line 112: | 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%; | |||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
}} | }} | ||
<div id="bcp"> | <div id="bcp"> | ||
<div id="bcpquote"> | <div id="bcpquote"> | ||
{{{quote| | {{{quote| }}} | ||
</div> | </div> | ||
<div id="bcpcolumns"> | <div id="bcpcolumns"> | ||
| Line 143: | Line 154: | ||
<div class="bcpbox" id="bcpbiography"> | <div class="bcpbox" id="bcpbiography"> | ||
<div class="bcpboxtitle">Biography</div> | <div class="bcpboxtitle">Biography</div> | ||
{{{biography| | {{{biography| }}} | ||
</div> | </div> | ||
<div class="bcpbox" id="bcprphooks"> | <div class="bcpbox" id="bcprphooks"> | ||
<div class="bcpboxtitle">RP Hooks</div> | <div class="bcpboxtitle">RP Hooks</div> | ||
{{{rphooks| | {{{rphooks| }}} | ||
</div> | </div> | ||
{{#if: {{{contacts|}}} | | {{#if: {{{contacts|}}} | | ||
| Line 164: | Line 172: | ||
</div> | </div> | ||
}} | }} | ||
<div class="bcpbox" id=" | {{#if: {{{filmography|}}} | | ||
<div class="bcpboxtitle"> | <div class="bcpbox" id="bcpstereotypes"> | ||
{{{ | <div class="bcpboxtitle">Filmography</div> | ||
{{{filmography}}} | |||
</div> | </div> | ||
}} | }} | ||
{{{leftcolumn|}}} | |||
</div> | </div> | ||
<div id="bcprightcolumn" class="bcpcolumn"> | <div id="bcprightcolumn" class="bcpcolumn"> | ||
<div class="bcpbox" id="bcpname"> | <div class="bcpbox" id="bcpname"> | ||
<div class="bcpboxtitle">{{{fullname| | <div class="bcpboxtitle">{{{fullname| }}}</div> | ||
{{{profileimage| | |||
{{{profileimage| }}} | |||
{{{!}} | {{{!}} | ||
{{ | {{{profile| }}} | ||
{ | |||
}}} | |||
{{!}}} | {{!}}} | ||
</div> | </div> | ||
{{#if: {{{statistics|}}} | | |||
<div class="bcpbox" id="bcpstatistics"> | <div class="bcpbox" id="bcpstatistics"> | ||
<div class="bcpboxtitle">Statistics</div> | <div class="bcpboxtitle">Statistics</div> | ||
{{{!}} | {{{!}} | ||
{{{statistics| | {{{statistics| }}} | ||
}}} | |||
{{!}}} | {{!}}} | ||
</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|}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <div class="bcpbox" id="bcpgallery"> | ||
<div class="bcpboxtitle">Gallery</div> | |||
{{{gallery| }}} | |||
</div> | |||
<div class="bcpbox" id="bcplogs"> | |||
<div class="bcpboxtitle">Logs</div> | |||
{{#dpl: | |||
|linksto={{{pagename|}}} | |||
|category=Logs | |||
|noresultsheader=No logs found! | |||
}} | |||
</div> | |||
</includeonly> | </includeonly> | ||
Latest revision as of 08:24, 6 January 2025
Based on a page design by DreadWraith.
Example of use:
{{BasicCharacterPage
| pagename=Bender
| titlefg=white
| titlebg=green
| fullname=Bender Rodriguez
| profileimage=[[File:Bender.jpg]]
| quote= <font style="font-family: Verdana; font-size: 12pt;">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>
