Template:BasicCharacterPage: Difference between revisions

From Ascension Sojourns
m (WikiStaff moved page Template:Polk to Template:BasicCharacterPage without leaving a redirect: correction)
No edit summary
Line 1: Line 1:
<noinclude>
+
<<noinclude>
 
Based on a page design by [[User:DreadWraith]] and made into a template by [[User:Polk]]
 
Based on a page design by [[User:DreadWraith]] and made into a template by [[User:Polk]]
   
Line 12: Line 12:
 
| quote=Bite my shiny metal ass!
 
| quote=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.
   
Copy and Paste the number of dots you need to where you want them on your page. Optionally you can use <nowiki>{{Dots|<insert # here>}}</nowiki>
 
Example: <nowiki> {{dots|3}} </nowiki>
 
Please ask staff for help if you need it regarding this option.
 
----
 
</noinclude>
 
{{#css:
 
   
  +
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>
  +
| 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:
 
#bcp {
 
#bcp {
 
display: flex;
 
display: flex;
Line 53: 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 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;
Line 88: Line 101:
 
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: 25%;
  +
}
  +
#bcpleftcolumn {
  +
max-width: 75%;
 
}
 
}
 
}
 
}
 
 
#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|Bite my shiny metal ass!}}}
+
{{{quote|&nbsp;}}}
 
</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|&nbsp;}}}
{{{biography|Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool.}}}
 
 
</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|&nbsp;}}}
* Bending
 
* Beer
 
* Killing all humans }}}
 
 
</div>
 
</div>
 
{{#if: {{{contacts|}}} |
 
{{#if: {{{contacts|}}} |
Line 162: 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>
 
}}
 
}}
 
<div class="bcpbox" id="bcpgallery">
 
<div class="bcpbox" id="bcpgallery">
 
<div class="bcpboxtitle">Gallery</div>
 
<div class="bcpboxtitle">Gallery</div>
{{{gallery|
+
{{{gallery|&nbsp;}}}
[[File:Bender1.jpg]]
 
[[File:Bender2.jpg]]
 
[[File:Bender3.jpg]] }}}
 
 
</div>
 
</div>
 
<div class="bcpbox" id="bcplogs">
 
<div class="bcpbox" id="bcplogs">
 
<div class="bcpboxtitle">Logs</div>
 
<div class="bcpboxtitle">Logs</div>
 
{{#dpl:
 
{{#dpl:
|linksto={{{pagename|Bender}}}
+
|linksto={{{pagename|}}}
 
|category=Logs
 
|category=Logs
 
|noresultsheader=No logs found!
 
|noresultsheader=No logs found!
 
}}
 
}}
 
</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|Bender Rodriguez}}}</div>
+
<div class="bcpboxtitle">{{{fullname|&nbsp;}}}</div>
{{{profileimage|[[File:bender.jpg]]}}}
+
{{{profileimage|&nbsp;}}}
 
{{{!}}
 
{{{!}}
{{{profile|
+
{{{profile|&nbsp;}}}
{{{!}}
 
{{!}} Species
 
{{!}} Robot
 
{{!}}-
 
{{!}} Age
 
{{!}} 5
 
{{!}}}
 
}}}
 
 
{{!}}}
 
{{!}}}
 
</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|&nbsp;}}}
{{{!}}
 
{{!}} Gambling
 
{{!}} ⚫️⚫️⚫️⚫️⚫️
 
{{!}}-
 
{{!}} Subterfuge
 
{{!}} ⚫️⚫️⚫️⚫️⚫️
 
{{!}}}
 
}}}
 
 
{{!}}}
 
{{!}}}
 
</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|&nbsp;}}}
* [https://www.youtube.com/watch?v=GYCt0ms6iL4 The Bender Song]
 
}}}
 
 
</div>
 
</div>
 
}}
  +
{{{rightcolumn|}}}
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
<includeonly>
 
 
[[Category:Characters]]
 
[[Category:Characters]]
 
</includeonly>
 
</includeonly>
</div>
 

Revision as of 18:57, 18 September 2023

< 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>