Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
Revision as of 15:20, 28 February 2025 by Futureself (talk | contribs) (Created page with "<noinclude> This template automatically generates a Character Hub page, listing all versions of a character. To use it, insert: ```wikitext {{CharacterHub | name=John Doe | image=John_Doe_Default.png }} ``` </noinclude> <div class="character-hub"> <h1>{{{name}}}</h1> <!-- Default Character Display --> <div class="default-character"> <img src="{{{image}}}" alt="{{{name}}}" class="character-main-image"> <h2><strong>{{{name}}}</strong></h2...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This template automatically generates a Character Hub page, listing all versions of a character. To use it, insert:

```wikitext


John Doe

       <img src="John_Doe_Default.png" alt="John Doe" class="character-main-image">

John Doe

Variants

       {{#ask: CharacterVersion::John Doe
       |?Image= 
       |format=ul
       |introtemplate=CharacterVariantEntry
       |outrotemplate=CharacterVariantEnd
       }}

<style> .character-hub {

   text-align: center;
   max-width: 800px;
   margin: auto;

} .character-main-image {

   width: 300px;
   border-radius: 10px;

} .character-variants {

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;

} .character-variant {

   width: 150px;
   text-align: center;

} .character-variant img {

   width: 100px;
   border-radius: 5px;

} </style> ```


{{{name}}}

       <img src="{{{image}}}" alt="{{{name}}}" class="character-main-image">

{{{name}}}

Variants

       {{#ask: [[CharacterVersion::{{{name}}}]]
       |?Image= 
       |format=ul
       |introtemplate=CharacterVariantEntry
       |outrotemplate=CharacterVariantEnd
       }}

<style> .character-hub {

   text-align: center;
   max-width: 800px;
   margin: auto;

} .character-main-image {

   width: 300px;
   border-radius: 10px;

} .character-variants {

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;

} .character-variant {

   width: 150px;
   text-align: center;

} .character-variant img {

   width: 100px;
   border-radius: 5px;

} </style>