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 [[User:DreadWraith]] and made into a template by [[User:Polk]]
 +
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.
   
−
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 51: Line 65:
 
align-content: stretch;
  
align-content: stretch;
   
−
font-size: 11pt;
 +
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: stretch;
 +
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|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 164: Line 172:
 
</div>
  
</div>
 
}}
  
}}
  +
{{#if: {{{filmography|}}} |
−
<div class="bcpbox" id="bcpgallery">
  
−
<div class="bcpboxtitle">Gallery</div>
 +
<div class="bcpbox" id="bcpstereotypes">
  +
<div class="bcpboxtitle">Filmography</div>
−
{{{gallery|
  
  +
{{{filmography}}}
−
[[File:Bender1.jpg]]
  
−
[[File:Bender2.jpg]]
  
−
[[File:Bender3.jpg]] }}}
  
 
</div>
  
</div>
−
<div class="bcpbox" id="bcplogs">
  
−
<div class="bcpboxtitle">Logs</div>
  
−
{{#dpl:
  
−
|linksto={{{pagename|Bender}}}
  
−
|category=Logs
  
−
|noresultsheader=No logs found!
  
 
}}
  
}}
  +
−
</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>
  +
<div class="bcpbox" id="bcpgallery">
−
<includeonly>
  
  +
<div class="bcpboxtitle">Gallery</div>
−
[[Category:Characters]]
  
  +
{{{gallery|&nbsp;}}}
  +
</div>
  +
  +
<div class="bcpbox" id="bcplogs">
  +
<div class="bcpboxtitle">Logs</div>
  +
{{#dpl:
  +
|linksto={{{pagename|}}}
  +
|category=Logs
  +
|noresultsheader=No logs found!
  +
}}
  +
</div>
 
</includeonly>
  
</includeonly>
−
</div>
  

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>


Retrieved from "https://ascensionsojourns.com/wiki/index.php?title=Template:BasicCharacterPage&oldid=4083"