Difference between revisions of "Template:Infobox-rounded"

From RPC Library
Jump to navigation Jump to search
Line 1: Line 1:
<div style="background-color: #e5e5e5; float: right; clear:right; font-family: 'Calibri', sans-serif; text-align: left; border-radius: 7px; margin:0px 0px 1em 2em; padding: .5em; max-width: 350px;">  
+
<div style="background-color: #e5e5e5; float: right; clear:right; font-family: 'Calibri', sans-serif; text-align: left; border-radius: 7px; margin:0px 0px 1em 2em; padding: .5em; max-width: 310px;">  
 
{| style="width: 100%;"
 
{| style="width: 100%;"
 
|-
 
|-
|colspan="2" style="min-width: 100%; font-weight:bold; background-color: #595959; color:#fff; border-radius: 5px; font-size: 1.7em; padding: .5em; text-align:center;" | {{Citizenship-logo | citizenship = {{{citizenship|}}} |width=48px}}&nbsp;{{#if: {{{name|}}} | {{{name}}} | {{PAGENAME}} }}
+
|colspan="2" style="min-width: 100%; font-weight:bold; background-color: #595959; color:#fff; border-radius: 5px; font-size: 1.7em; padding: .5em; text-align:center;" | {{#if: {{{name|}}} | {{{name}}} | {{PAGENAME}} }}
 
|-
 
|-
 
{{#if:{{{image<includeonly>|</includeonly>}}} |
 
{{#if:{{{image<includeonly>|</includeonly>}}} |
Line 16: Line 16:
 
|}
 
|}
 
<div style="font-size: 1.1em; border-radius: 5px; background-color: #fff; padding: .5em; margin: -.2em .16em .16em;">
 
<div style="font-size: 1.1em; border-radius: 5px; background-color: #fff; padding: .5em; margin: -.2em .16em .16em;">
{| cellpadding="2" style="border-collapse: separate; border-spacing: 5px;"
+
{| cellpadding="4" style="border-collapse: separate; border-spacing: 0px 5px;"
 
|-
 
|-
 
{{#if:{{{fullname<includeonly>|</includeonly>}}} |
 
{{#if:{{{fullname<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;" {{!}}'''Full Name'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;" {{!}}'''Full Name'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{fullname}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{fullname}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{nicknames<includeonly>|</includeonly>}}} |
 
{{#if:{{{nicknames<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Nickname(s)'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Nickname(s)'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{nicknames}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{nicknames}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{race<includeonly>|</includeonly>}}} |
 
{{#if:{{{race<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Race'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Race'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}[[:Category:{{{race}}}|{{{race}}}]]
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}[[:Category:{{{race}}}|{{{race}}}]]
 +
{{!}}-
 +
}}
 +
{{#if:{{{subrace<includeonly>|</includeonly>}}} |
 +
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Subrace'''
 +
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}[[:Category:{{{subrace}}}|{{{subrace}}}]]
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{guardian<includeonly>|</includeonly>}}} |
 
{{#if:{{{guardian<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Guardian'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Guardian'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{guardian}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{guardian}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{birthplace<includeonly>|</includeonly>}}} |
 
{{#if:{{{birthplace<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Birthplace'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Birthplace'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{birthplace}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{birthplace}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{nameday<includeonly>|</includeonly>}}} |
 
{{#if:{{{nameday<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Nameday'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Nameday'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{nameday}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{nameday}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
{{#if:{{{clan<includeonly>|</includeonly>}}} |
+
{{#if:{{{tribe<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Clan'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Tribe'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}[[:Category:{{{clan}}}|{{{clan}}}]]
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}[[:Category:{{{tribe}}}|{{{tribe}}}]]
 
{{!}}-
 
{{!}}-
 
}}
 
}}
{{#if:{{{tribe<includeonly>|</includeonly>}}} |
+
{{#if:{{{occupation<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Tribe'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Occupation'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}[[:Category:{{{tribe}}}|{{{tribe}}}]]
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{occupation}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
 
{{#if:{{{family<includeonly>|</includeonly>}}} |
 
{{#if:{{{family<includeonly>|</includeonly>}}} |
{{!}}style="width:30%;"{{!}}'''Family'''
+
{{!}}style="width:30%; padding: .2em .5em; border-radius: 5px 0 0 5px; background-color: #595959; color: #fff;"{{!}}'''Family'''
{{!}}style="border-radius: 5px; padding-left: .5em; border-left: 3px solid #595959; border-right: 3px solid transparent; border-bottom: 1px solid #595959;" {{!}}{{{family}}}
+
{{!}}style=" border-radius: 0 5px 5px 0; background: #e5e5e5; padding: .2em .5em;" {{!}}{{{family}}}
 
{{!}}-
 
{{!}}-
 
}}
 
}}
Line 69: Line 74:
 
</div>
 
</div>
  
<div style="background-color: white; min-height: 100%;">
+
I wanted something simple with rounded corners so I made this infobox with that in mind!
This is going to be a template page, and will be available once it is done being developed! ^-^
 
  
CURRENTLY WORKING ON: Infobox!
+
You can copy the code below to use it in your page.
</div>
+
 
 +
<pre>
 +
{{Infobox-rounded
 +
'''|name =''' The title on your infobox. Defaults to the page name.
 +
'''|image =''' An image of your character. Defaults to Templatedefault.png.
 +
'''|caption =''' A caption for the image if you want to put one in there.
 +
'''|fullname =''' Your character's name.
 +
'''|nicknames =''' Any nicknames your character has.
 +
'''|race =''' Your character's race.
 +
'''|subrace =''' Your character's subrace (ex: Xaela, Raen, Keeper of the Moon...). This will create a category.
 +
'''|guardian =''' Your character's guardian.
 +
'''|birthplace =''' Where your character was born.
 +
'''|nameday =''' Your character's nameday.
 +
'''|tribe =''' Tribal affiliation for Xaela (ex: Dotharl, Qalli, Kha). This will create a category.
 +
'''|occupation =''' Your character's occupation.
 +
'''|family =''' Any family your character might have.
 +
}}
 +
</pre>

Revision as of 05:14, 3 September 2018

Infobox-rounded
Placeholder person.gif
Character Information
Full Name {{{fullname}}}
Nickname(s) {{{nicknames}}}
Race [[:Category:{{{race}}}|{{{race}}}]]
Subrace [[:Category:{{{subrace}}}|{{{subrace}}}]]
Guardian {{{guardian}}}
Birthplace {{{birthplace}}}
Nameday {{{nameday}}}
Tribe [[:Category:{{{tribe}}}|{{{tribe}}}]]
Occupation {{{occupation}}}
Family {{{family}}}

I wanted something simple with rounded corners so I made this infobox with that in mind!

You can copy the code below to use it in your page.

{{Infobox-rounded
'''|name =''' The title on your infobox. Defaults to the page name.
'''|image =''' An image of your character. Defaults to Templatedefault.png.
'''|caption =''' A caption for the image if you want to put one in there.
'''|fullname =''' Your character's name.
'''|nicknames =''' Any nicknames your character has.
'''|race =''' Your character's race.
'''|subrace =''' Your character's subrace (ex: Xaela, Raen, Keeper of the Moon...). This will create a category. 
'''|guardian =''' Your character's guardian.
'''|birthplace =''' Where your character was born.
'''|nameday =''' Your character's nameday.
'''|tribe =''' Tribal affiliation for Xaela (ex: Dotharl, Qalli, Kha). This will create a category.
'''|occupation =''' Your character's occupation.
'''|family =''' Any family your character might have. 
}}