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 | ||
| (17 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. | 
| − | 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:  | + | 	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|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| }}} | 
| − | * 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="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| | + | 				<div class="bcpboxtitle">{{{fullname| }}}</div> | 
| + | |||
| − | {{{profileimage|[[File:bender.jpg]]}}} | ||
| + | |||
| + | {{{profileimage| }}} | ||
| {{{!}} | {{{!}} | ||
| − | {{{profile| | + | {{{profile| }}} | 
| − | {{{!}} | ||
| − | {{!}} 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| }}} | 
| − | {{{!}} | ||
| − | {{!}} 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| }}} | 
| − | * [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| }}} | ||
| + | 			</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>

