Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:CharacterHub: Difference between revisions

Template page
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..."
 
No edit summary
Line 1: Line 1:
<noinclude>
<noinclude>
This template automatically generates a Character Hub page, listing all versions of a character.
This template generates a Character Hub page with a default version and variants.
 
To use it, insert:
To use it, insert:
{{CharacterHub | name=John Doe | image=John_Doe_Default.png }}


```wikitext
{{CharacterHub | name=John Doe | image=John_Doe_Default.png }}
```
</noinclude>
</noinclude>


<div class="character-hub">
<div class="character-hub">
     <h1>{{{name}}}</h1>
     <h1>{{{name}}}</h1>
   
 
     <!-- Default Character Display -->
     <!-- Default Character Display -->
     <div class="default-character">
     <div class="default-character">
         <img src="{{{image}}}" alt="{{{name}}}" class="character-main-image">
         <img src="{{{image}}}" alt="{{{name}}}" class="character-main-image">
         <h2><strong>{{{name}}}</strong></h2>
         <h2><strong>{{{name}}}</strong></h2>
    </div>
   
    <!-- Variants Section -->
    <h3>Variants</h3>
    <div class="character-variants">
        {{#ask: [[CharacterVersion::{{{name}}}]]
        |?Image=
        |format=ul
        |introtemplate=CharacterVariantEntry
        |outrotemplate=CharacterVariantEnd
        }}
     </div>
     </div>
</div>
</div>
Line 35: Line 23:
     margin: auto;
     margin: auto;
}
}
.character-main-image {
.character-main-image {
     width: 300px;
     width: 300px;
     border-radius: 10px;
     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>
</style>

Revision as of 15:22, 28 February 2025

This template generates a Character Hub page with a default version and variants.

To use it, insert:


John Doe

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

John Doe

<style> .character-hub {

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

}

.character-main-image {

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

} </style>


{{{name}}}

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

{{{name}}}

<style> .character-hub {

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

}

.character-main-image {

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

} </style>