Template:LokiCharPage: Difference between revisions

From retromux
Jump to navigation Jump to search
Initial Create
 
Oops, bad custom fields, fixed.
 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#css:
{{:Template:LokiCharPage/base.scss
  | page color = {{{page color| {{#switch:{{{theme|vintage}}} |queen=#800020 |skyline=#2C3539 |headline=#dfeefc | #000 }} }}}
  | page border = {{{page border| {{#switch:{{{theme|vintage}} |headline=#000 | #666 }} }}}
  | cell color = {{{cell color| {{#switch:{{{theme|vintage}}} |queen=#FFFFF0 |skyline=#000 |headline=#dfeefc| #FFF }} }}}
  | cell border = {{{cell border| #999 }}}
  | cell text = {{{cell text| {{#switch:{{{theme|vintage}}} |skyline=#FFF | #000 }} }}}
  | link color = {{{link color| {{#switch:{{{theme|vintage}}} |queen=#36b |headline=#794D33 | #36B }} }}}
  | link hover = {{{link hover color| {{#switch: {{{theme|vintage}}} |headline=#794D33 | #36B }} }}}
  | header color = {{{header color| {{#switch:{{{theme|vintage}}} |queen=#800020 |skyline=#000 | #333 }} }}}
  | header border = {{{header border| #999 }}}
  | header text = {{{header text| {{#switch:{{{theme|vintage}}} |queen=#C0C0C0 |skyline=#87CEFA |headline=#000 | #FFF }} }}}
  | page gradient = {{#switch:{{{page gradient|}}}|no=no|{{#switch:{{{theme|vintage}}} |skyline=no | yes }} }}
  | text-shadow = {{{text-shadow| 0 -1px 1px rgba(0, 0, 0, .7) }}}
}}
}}
<noinclude>This layout page is designed to ease the creation of lovely pages without the need for extensive knowledge of CSS3 or advanced HTML practices.  For those who are perfectly pleased with grey, white, and black, it can be used exactly as is with no need for any customization at all.
<noinclude>This layout page is designed to ease the creation of lovely pages without the need for extensive knowledge of CSS3 or advanced HTML practices.  For those who are perfectly pleased with grey, white, and black, it can be used exactly as is with no need for any customization at all.


Line 36: Line 19:
| full name            =  
| full name            =  
| played by            =  
| played by            =  
 
| status              = active, inactive, dead, chargen (default: active -- This will automatically add the PC into one of the various PC categories.)
| page color          =
| page border          =
| cell color          =
| cell border          =
| cell text            =
 
| link color          =
| link hover color    =
 
| header color        =
| header border        =
| header text          =  
</pre>
</pre>


=== Layout ===
The LokiCharPage template makes use of the [[Template:LokiPage|LokiPage template]].  Please see that page for a full list of customization options.[[Category:Character Template]]
The following template parameters will change the layout and positioning of several elements on the page.
</noinclude><!-- Main Table //--><includeonly>
<pre>
{{LokiPage
| theme                = queen, skyline, OR vintage (default: vintage -- THIS IS CASE-SENSITIVE!)
| full name = {{{full name|}}}
| page gradient        = yes OR no (default: yes)
| page color = {{{page color|}}}
| introduction        = left, right, top, bottom, OR off (default: left)
| page border = {{{page border|}}}
| portrait            = left, right, top, bottom, OR off (default: right)
| cell color = {{{cell color|}}}
| overview position    = left, right, top, bottom, OR off (default: right)
| cell border = {{{cell border|}}}
| hooks position      = left, right, top, bottom, OR off (default: left)
| cell text = {{{cell text|}}}
| statistics position  = left, right, top, bottom, OR off (default: right)
| link color = {{{link color|}}}
| disclaimer position  = left, right, top, bottom, OR off (default: left)
| link hover color = {{{link hover color|}}}
| contacts position    = left, right, top, bottom, OR off (default: left)
| header color = {{{header color|}}}
| soundtrack position  = left, right, top, bottom, OR off (default: right)
| header border = {{{header border|}}}
| gallery position    = left, right, top, bottom, OR off (default: bottom)
| header text = {{{header text|}}}
</pre>
| theme = {{{theme|}}}
 
| page gradient = {{{page gradient|}}}
=== Themes ===
| introduction = {{{introduction|}}}
To see the preconstructed themes in action:
| portrait = {{{portrait|}}}
* [[/Theme:Vintage|vintage]]
| overview position = {{{overview position|}}}
* [[/Theme:Queen|queen]]
| hooks position = {{{hooks position|}}}
* [[/Theme:Skyline|skyline]]
| statistics position = {{{statistics position|}}}
* [[/Theme:Headline|headline]]
| disclaimer position = {{{disclaimer position|}}}
 
| contacts position = {{{contacts position|}}}
=== Advanced Styles ===
| soundtrack position = {{{soundtrack position|}}}
For the very advanced users, you can add your own styles and classes to the various segments (not recommended). These will be applied to the content cell for each section, not to the wrapping table and div.
| gallery position = {{{gallery position|}}}
<pre>
| top container class = {{{top container class|}}}
| top container class          =  
| left container class = {{{left container class|}}}
| left container class        =
| right container class = {{{right container class|}}}
| right container class        =  
| introduction class = {{{introduction class|}}}
| bottom container class      =
| introduction container class = {{{introduction container class|}}}
| introduction class          =  
| introduction header class = {{{introduction header class|}}}
| introduction container class =  
| introduction style = {{{introduction style|}}}
| introduction header class    =
| portrait class = {{{portrait class|}}}
| introduction style          =  
| portrait container class = {{{portrait container class|}}}
| portrait class              =
| portrait header class = {{{portrait header class|}}}
| portrait container class    =  
| portrait style = {{{portrait style|}}}
| portrait header class       =  
| overview class = {{{overview class|}}}
| portrait style              =
| overview container class = {{{overview container class|}}}
| overview class               =  
| overview header class = {{{overview header class|}}}
| overview container class     =  
| overview style = {{{overview style|}}}
| overview header class       =  
| hooks class = {{{hooks class|}}}
| overview style              =
| hooks container class = {{{hooks container class|}}}
| hooks class                 =  
| hooks header class = {{{hooks header class|}}}
| hooks container class       =
| hooks style = {{{hooks style|}}}
| hooks header class           =  
| statistics class = {{{statistics class|}}}
| hooks style                 =  
| statistics container class = {{{statistics container class|}}}
| statistics class             =
| statistics header class = {{{statistics header class|}}}
| statistics container class   =  
| statistics style = {{{statistics style|}}}
| statistics header class     =  
| disclaimer class = {{{disclaimer class|}}}
| statistics style             =
| disclaimer container class = {{{disclaimer container class|}}}
| disclaimer class             =  
| disclaimer header class = {{{disclaimer header class|}}}
| disclaimer container class   =  
| disclaimer style = {{{disclaimer style|}}}
| disclaimer header class     =  
| contacts class = {{{contacts class|}}}
| disclaimer style             =  
| contacts container class = {{{contacts container class|}}}
| contacts class               =  
| contacts header class = {{{contacts header class|}}}
| contacts container class     =  
| contacts style = {{{contacts style|}}}
| contacts header class       =  
| soundtrack class = {{{soundtrack class|}}}
| contacts style               =  
| soundtrack container class = {{{soundtrack container class|}}}
| soundtrack class             =  
| soundtrack header class = {{{soundtrack header class|}}}
| soundtrack container class   =  
| soundtrack style = {{{soundtrack style|}}}
| soundtrack header class     =  
| gallery class = {{{gallery class|}}}
| soundtrack style             =  
| gallery container class = {{{gallery container class|}}}
| gallery class               =  
| gallery header class = {{{gallery header class|}}}
| gallery container class     =
| gallery style = {{{gallery style|}}}
| gallery header class         =
| custom position 1 = {{{custom position 1|}}}
| gallery style               =  
| custom title 1 = {{{custom title 1|}}}
</pre>
| custom class 1 = {{{custom class 1|}}}
 
| custom container class 1 = {{{custom container class 1|}}}
=== Custom Sections ===
| custom header class 1 = {{{custom header class 1|}}}
Users also have the option of specifying a few custom sections.  These sections are completely disabled by default, but can be placed wherever you need.  You can have up to 5 custom sections, each numbered 1 through 5.  Copy the following code for each custom section you want to have, and replace the pound (#) sign with the corresponding number 1 through 5.
| custom style 1 = {{{custom style 1|}}}
<pre>
| custom position 2 = {{{custom position 2|}}}
| custom position #  = left, right, top, bottom, OR off (default: off)
| custom title 2 = {{{custom title 2|}}}
| custom title #      =  
| custom class 2 = {{{custom class 2|}}}
</pre>
| custom container class 2 = {{{custom container class 2|}}}
 
| custom header class 2 = {{{custom header class 2|}}}
You can also specify the class and style as normal.
| custom style 2 = {{{custom style 2|}}}
<pre>
| custom position 3 = {{{custom position 3|}}}
| custom class #          =
| custom title 3 = {{{custom title 3|}}}
| custom container class # =  
| custom class 3 = {{{custom class 3|}}}
| custom header class #    =  
| custom container class 3 = {{{custom container class 3|}}}
| custom style #          =  
| custom header class 3 = {{{custom header class 3|}}}
</pre>[[Category:Character Template]]
| custom style 3 = {{{custom style 3|}}}
</noinclude><!-- Main Table //--><includeonly><div id="loki-table" class="{{{theme| vintage}}}">
| custom position 4 = {{{custom position 4|}}}
<div style="flex-flow: column nowrap;justify-content: space-between;align-items: stretch;" class="loki-table {{{theme | vintage}}}">
| custom title 4 = {{{custom title 4|}}}
<!-- Spanned Top Column //-->
| custom class 4 = {{{custom class 4|}}}
<div class="{{{ top container class| loki-cell-top }}} {{{theme| vintage}}}" style="{{#if:{{#switch:{{{introduction|left}}}|top=introuduction}}{{#switch:{{{portrait|right}}}|top=portrait}}{{#switch:{{{overview|right}}}|top=overview}}{{#switch:{{{hooks|left}}}|top=hooks}}{{#switch:{{{statistics|right}}}|top=statistics}}{{#switch:{{{disclaimer|left}}}|top=disclaimer}}{{#switch:{{{contacts|left}}}|top=contacts}}{{#switch:{{{soundtrack|right}}}|top=soundtrack}}{{#switch:{{{gallery|bottom}}}|top=gallery}}{{#switch:{{{custom position 1|}}}|top=custom1}}{{#switch:{{{custom position 2|}}}|top=custom2}}{{#switch:{{{custom position 3|}}}|top=custom3}}{{#switch:{{{custom position 4|}}}|top=custom4}}{{#switch:{{{custom position 5|}}}|top=custom5}}||display:none}}">
| custom container class 4 = {{{custom container class 4|}}}
{{ #switch: {{{ introduction | left }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ title | Introduction }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ introduction container class | }}} | header-class = {{{ introduction header class| }}} }} }}{{ #switch: {{{ portrait | right }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ full name | {{ PAGENAME }} }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ portrait container class | }}} | header-class = {{{ portrait header class| }}} }} }}{{ #switch: {{{ overview position | right }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ overview container class | }}} | header-class = {{{ overview header class| }}} }} }}{{ #switch: {{{ hooks position | left }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} | container-class = {{{ hooks container class | }}} | header-class = {{{ hooks header class| }}} }} }}{{ #switch: {{{ statistics position | right }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Statistics | page = Statistics | class = {{{ statistics class | }}} | style = {{{ statistics style | }}} | container-class = {{{ statistics container class | }}} | header-class = {{{ statistics header class| }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} | container-class = {{{ disclaimer container class | }}} | header-class = {{{ disclaimer header class| }}} }} }}{{ #switch: {{{ contacts position | left }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ contacts container class | }}} | header-class = {{{ contacts header class| }}} }} }}{{ #switch: {{{ soundtrack position | right }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Soundtrack | page = Soundtrack | class = {{{ soundtrack class | }}} | style = {{{ soundtrack style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ soundtrack container class | }}} | header-class = {{{ soundtrack header class| }}} }} }}{{ #switch: {{{ gallery position | bottom }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{gallery title|Gallery}}} | page = Gallery | class = {{{ gallery class | }}} | style = {{{ gallery style | text-align: center; }}} | container-class = {{{ gallery container class | }}} | header-class = {{{ gallery header class| }}} }} }}{{ #switch: {{{ custom position 1 | }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} | container-class = {{{ custom container class 1| }}} | header-class = {{{ custom header class 1| }}} }} }}{{ #switch: {{{ custom position 2 | }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} | container-class = {{{ custom container class 2| }}} | header-class = {{{ custom header class 2| }}} }} }}{{ #switch: {{{ custom position 3 | }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} | container-class = {{{ custom container class 3| }}} | header-class = {{{ custom header class 3| }}} }} }}{{ #switch: {{{ custom position 4 | }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} | container-class = {{{ custom container class 4| }}} | header-class = {{{ custom header class 4| }}} }} }}{{ #switch: {{{ custom position 5 | }}} | top = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} | container-class = {{{ custom container class 5 | }}} | header-class = {{{ custom header class 5| }}} }} }}
| custom header class 4 = {{{custom header class 4|}}}
</div><!-- /Spanned Top Column //-->
| custom style 4 = {{{custom style 4|}}}
<div style="display: flex;justify-content: space-between;align-items: stretch;" class="loki-middle {{{theme | vintage}}}"><!-- Middle Row Container //-->
| custom position 5 = {{{custom position 5|}}}
<!-- Left Column //-->
| custom title 5 = {{{custom title 5|}}}
<div class="{{{ left container class| loki-cell-left}}}  {{{theme| vintage}}}" style="{{#if:{{#switch:{{{introduction|left}}}|left=introuduction}}{{#switch:{{{portrait|right}}}|left=portrait}}{{#switch:{{{overview|right}}}|left=overview}}{{#switch:{{{hooks|left}}}|left=hooks}}{{#switch:{{{statistics|right}}}|left=statistics}}{{#switch:{{{disclaimer|left}}}|left=disclaimer}}{{#switch:{{{contacts|left}}}|left=contacts}}{{#switch:{{{soundtrack|right}}}|left=soundtrack}}{{#switch:{{{gallery|bottom}}}|left=gallery}}{{#switch:{{{custom position 1|}}}|left=custom1}}{{#switch:{{{custom position 2|}}}|left=custom2}}{{#switch:{{{custom position 3|}}}|left=custom3}}{{#switch:{{{custom position 4|}}}|left=custom4}}{{#switch:{{{custom position 5|}}}|left=custom5}}||display:none}}">
| custom class 5 = {{{custom class 5|}}}
{{ #switch: {{{ introduction | left }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ title | Introduction }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ introduction container class | }}} | header-class = {{{ introduction header class| }}} }} }}{{ #switch: {{{ portrait | right }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ full name | {{ PAGENAME }} }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ portrait container class | }}} | header-class = {{{ portrait header class| }}} }} }}{{ #switch: {{{ overview position | right }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ overview container class | }}} | header-class = {{{ overview header class| }}} }} }}{{ #switch: {{{ hooks position | left }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} | container-class = {{{ hooks container class | }}} | header-class = {{{ hooks header class| }}} }} }}{{ #switch: {{{ statistics position | right }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Statistics | page = Statistics | class = {{{ statistics class | }}} | style = {{{ statistics style | }}} | container-class = {{{ statistics container class | }}} | header-class = {{{ statistics header class| }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} | container-class = {{{ disclaimer container class | }}} | header-class = {{{ disclaimer header class| }}} }} }}{{ #switch: {{{ contacts position | left }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ contacts container class | }}} | header-class = {{{ contacts header class| }}} }} }}{{ #switch: {{{ soundtrack position | right }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Soundtrack | page = Soundtrack | class = {{{ soundtrack class | }}} | style = {{{ soundtrack style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ soundtrack container class | }}} | header-class = {{{ soundtrack header class| }}} }} }}{{ #switch: {{{ gallery position | bottom }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{gallery title|Gallery}}} | page = Gallery | class = {{{ gallery class | }}} | style = {{{ gallery style | text-align: center; }}} | container-class = {{{ gallery container class | }}} | header-class = {{{ gallery header class| }}} }} }}{{ #switch: {{{ custom position 1 | }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} | container-class = {{{ custom container class 1| }}} | header-class = {{{ custom header class 1| }}} }} }}{{ #switch: {{{ custom position 2 | }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} | container-class = {{{ custom container class 2| }}} | header-class = {{{ custom header class 2| }}} }} }}{{ #switch: {{{ custom position 3 | }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} | container-class = {{{ custom container class 3| }}} | header-class = {{{ custom header class 3| }}} }} }}{{ #switch: {{{ custom position 4 | }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} | container-class = {{{ custom container class 4| }}} | header-class = {{{ custom header class 4| }}} }} }}{{ #switch: {{{ custom position 5 | }}} | left = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} | container-class = {{{ custom container class 5 | }}} | header-class = {{{ custom header class 5| }}} }} }}
| custom container class 5 = {{{custom container class 5|}}}
</div><!-- /Left Column //-->
| custom header class 5 = {{{custom header class 5|}}}
<!-- Right Column //-->
| custom style 5 = {{{custom style 5|}}}
<div style="min-width:30%" class="{{{ right container class| loki-cell-right}}}  {{{theme| vintage}}}" style="{{#if:{{#switch:{{{introduction|left}}}|right=introuduction}}{{#switch:{{{portrait|right}}}|right=portrait}}{{#switch:{{{overview|right}}}|right=overview}}{{#switch:{{{hooks|left}}}|right=hooks}}{{#switch:{{{statistics|right}}}|right=statistics}}{{#switch:{{{disclaimer|left}}}|right=disclaimer}}{{#switch:{{{contacts|left}}}|right=contacts}}{{#switch:{{{soundtrack|right}}}|right=soundtrack}}{{#switch:{{{gallery|bottom}}}|right=gallery}}{{#switch:{{{custom position 1|}}}|right=custom1}}{{#switch:{{{custom position 2|}}}|right=custom2}}{{#switch:{{{custom position 3|}}}|right=custom3}}{{#switch:{{{custom position 4|}}}|right=custom4}}{{#switch:{{{custom position 5|}}}|right=custom5}}||display:none}}">
}}
{{ #switch: {{{ introduction | left }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ title | Introduction }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ introduction container class | }}} | header-class = {{{ introduction header class| }}} }} }}{{ #switch: {{{ portrait | right }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ full name | {{ PAGENAME }} }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ portrait container class | }}} | header-class = {{{ portrait header class| }}} }} }}{{ #switch: {{{ overview position | right }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ overview container class | }}} | header-class = {{{ overview header class| }}} }} }}{{ #switch: {{{ hooks position | left }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} | container-class = {{{ hooks container class | }}} | header-class = {{{ hooks header class| }}} }} }}{{ #switch: {{{ statistics position | right }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Statistics | page = Statistics | class = {{{ statistics class | }}} | style = {{{ statistics style | }}} | container-class = {{{ statistics container class | }}} | header-class = {{{ statistics header class| }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} | container-class = {{{ disclaimer container class | }}} | header-class = {{{ disclaimer header class| }}} }} }}{{ #switch: {{{ contacts position | left }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ contacts container class | }}} | header-class = {{{ contacts header class| }}} }} }}{{ #switch: {{{ soundtrack position | right }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Soundtrack | page = Soundtrack | class = {{{ soundtrack class | }}} | style = {{{ soundtrack style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ soundtrack container class | }}} | header-class = {{{ soundtrack header class| }}} }} }}{{ #switch: {{{ gallery position | bottom }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{gallery title|Gallery}}} | page = Gallery | class = {{{ gallery class | }}} | style = {{{ gallery style | text-align: center; }}} | container-class = {{{ gallery container class | }}} | header-class = {{{ gallery header class| }}} }} }}{{ #switch: {{{ custom position 1 | }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} | container-class = {{{ custom container class 1| }}} | header-class = {{{ custom header class 1| }}} }} }}{{ #switch: {{{ custom position 2 | }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} | container-class = {{{ custom container class 2| }}} | header-class = {{{ custom header class 2| }}} }} }}{{ #switch: {{{ custom position 3 | }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} | container-class = {{{ custom container class 3| }}} | header-class = {{{ custom header class 3| }}} }} }}{{ #switch: {{{ custom position 4 | }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} | container-class = {{{ custom container class 4| }}} | header-class = {{{ custom header class 4| }}} }} }}{{ #switch: {{{ custom position 5 | }}} | right = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} | container-class = {{{ custom container class 5 | }}} | header-class = {{{ custom header class 5| }}} }} }}
{{ #if: {{{ played by | }}} | <span style="float: right; font-style: italic;">'''Played By:''' {{{ played by }}} }}
</div><!-- /Right Column //-->
{{ #switch: {{{ status | active }}} |active = [[Category:Active PC]] |dead = [[Category:Dead PC]] |inactive = [[Category:Inactive PC]] |chargen = [[Category:Chargen PC]] }} [[Category:Characters]]
</div><!-- /Middle Row Container //-->
<!-- Spanned Bottom Column //-->
<div class="{{{ bottom container class| loki-cell-bottom}}}  {{{theme| vintage}}}" style="{{#if:{{#switch:{{{introduction|left}}}|bottom=introuduction}}{{#switch:{{{portrait|right}}}|bottom=portrait}}{{#switch:{{{overview|right}}}|bottom=overview}}{{#switch:{{{hooks|left}}}|bottom=hooks}}{{#switch:{{{statistics|right}}}|bottom=statistics}}{{#switch:{{{disclaimer|left}}}|bottom=disclaimer}}{{#switch:{{{contacts|left}}}|bottom=contacts}}{{#switch:{{{soundtrack|right}}}|bottom=soundtrack}}{{#switch:{{{gallery|bottom}}}|bottom=gallery}}{{#switch:{{{custom position 1|}}}|bottom=custom1}}{{#switch:{{{custom position 2|}}}|bottom=custom2}}{{#switch:{{{custom position 3|}}}|bottom=custom3}}{{#switch:{{{custom position 4|}}}|bottom=custom4}}{{#switch:{{{custom position 5|}}}|bottom=custom5}}||display:none}}">
{{ #switch: {{{ introduction | left }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ title | Introduction }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ introduction container class | }}} | header-class = {{{ introduction header class| }}} }} }}{{ #switch: {{{ portrait | right }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ full name | {{ PAGENAME }} }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ portrait container class | }}} | header-class = {{{ portrait header class| }}} }} }}{{ #switch: {{{ overview position | right }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ overview container class | }}} | header-class = {{{ overview header class| }}} }} }}{{ #switch: {{{ hooks position | left }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} | container-class = {{{ hooks container class | }}} | header-class = {{{ hooks header class| }}} }} }}{{ #switch: {{{ statistics position | right }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Statistics | page = Statistics | class = {{{ statistics class | }}} | style = {{{ statistics style | }}} | container-class = {{{ statistics container class | }}} | header-class = {{{ statistics header class| }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} | container-class = {{{ disclaimer container class | }}} | header-class = {{{ disclaimer header class| }}} }} }}{{ #switch: {{{ contacts position | left }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ contacts container class | }}} | header-class = {{{ contacts header class| }}} }} }}{{ #switch: {{{ soundtrack position | right }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = Soundtrack | page = Soundtrack | class = {{{ soundtrack class | }}} | style = {{{ soundtrack style | }}} | glass = {{{ glass | yes }}} | container-class = {{{ soundtrack container class | }}} | header-class = {{{ soundtrack header class| }}} }} }}{{ #switch: {{{ gallery position | bottom }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{gallery title|Gallery}}} | page = Gallery | class = {{{ gallery class | }}} | style = {{{ gallery style | text-align: center; }}} | container-class = {{{ gallery container class | }}} | header-class = {{{ gallery header class| }}} }} }}{{ #switch: {{{ custom position 1 | }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} | container-class = {{{ custom container class 1| }}} | header-class = {{{ custom header class 1| }}} }} }}{{ #switch: {{{ custom position 2 | }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} | container-class = {{{ custom container class 2| }}} | header-class = {{{ custom header class 2| }}} }} }}{{ #switch: {{{ custom position 3 | }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} | container-class = {{{ custom container class 3| }}} | header-class = {{{ custom header class 3| }}} }} }}{{ #switch: {{{ custom position 4 | }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} | container-class = {{{ custom container class 4| }}} | header-class = {{{ custom header class 4| }}} }} }}{{ #switch: {{{ custom position 5 | }}} | bottom = {{ :Template:LokiCharPage/layout/cell | theme = {{{ theme| vintage}}} | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} | container-class = {{{ custom container class 5 | }}} | header-class = {{{ custom header class 5| }}} }} }}
</div><!-- /Spanned Bottom Column //-->
</div><!-- /.loki-table //-->
</div><!-- /#loki-table //-->
{{ #if: {{{ played by | }}} | <span style="float: right; font-style: italic;">'''Played By:''' {{{ played by }}} {{Played by |Character name={{{ full name | }}} |Model name={{{ played by | }}} }} }}
<!-- /Main Table //--></includeonly>
<!-- /Main Table //--></includeonly>

Latest revision as of 20:50, 29 October 2024

This layout page is designed to ease the creation of lovely pages without the need for extensive knowledge of CSS3 or advanced HTML practices. For those who are perfectly pleased with grey, white, and black, it can be used exactly as is with no need for any customization at all.

This layout was designed by Loki@Haunted-Memories: Vienna By Night, with heavy editing and style support by Darc

Usage

Copy the following onto your page:

{{LokiCharPage 
}}

Then click on each of the red links and fill out the information in that section.

You can use the following template parameters to customize the colours and text on the page.

For a list of colors, please visit this link.W3 Schools HTML Color Names

| full name            = 
| played by            = 
| status               = active, inactive, dead, chargen (default: active -- This will automatically add the PC into one of the various PC categories.)

The LokiCharPage template makes use of the LokiPage template. Please see that page for a full list of customization options.