Template:LokiCharPage: Difference between revisions
From TowersWiki
No edit summary |
(Adding Sample Image field to pass through to PlayedBy template) |
||
| (57 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
{{:Template:LokiCharPage/base.scss | {{:Template:LokiCharPage/base.scss | ||
| page color = | | page color = {{{page color| {{#switch:{{{theme|vintage}}} |queen=#800020 |skyline=#2C3539 |headline=#dfeefc | #000 }} }}} | ||
| page border = | | page border = {{{page border| {{#switch:{{{theme|vintage}} |headline=#000 | #666 }} }}} | ||
| cell color = | | cell color = {{{cell color| {{#switch:{{{theme|vintage}}} |queen=#FFFFF0 |skyline=#000 |headline=#dfeefc| #FFF }} }}} | ||
| cell border = | | cell border = {{{cell border| #999 }}} | ||
| cell text = | | cell text = {{{cell text| {{#switch:{{{theme|vintage}}} |skyline=#FFF | #000 }} }}} | ||
| link color = | | link color = {{{link color| {{#switch:{{{theme|vintage}}} |queen=#36b |headline=#794D33 | #36B }} }}} | ||
| link hover = | | link hover = {{{link hover color| {{#switch: {{{theme|vintage}}} |headline=#794D33 | #36B }} }}} | ||
| header color = | | header color = {{{header color| {{#switch:{{{theme|vintage}}} |queen=#800020 |skyline=#000 | #333 }} }}} | ||
| header border = | | header border = {{{header border| #999 }}} | ||
| header text = | | header text = {{{header text| {{#switch:{{{theme|vintage}}} |queen=#C0C0C0 |skyline=#87CEFA |headline=#000 | #FFF }} }}} | ||
| page gradient = {{#switch:{{{page gradient|}}}|no=no| | | 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 29: | Line 30: | ||
You can use the following template parameters to customize the colours and text on the page. | 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.[https://www.w3schools.com/tags/ref_colornames.asp W3 Schools HTML Color Names] | |||
<pre> | <pre> | ||
| 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.) | |||
| sample image = (File Name of the image you want to use for your Played-By. Example: File1.jpg) | |||
| page color = | | page color = | ||
| Line 51: | Line 57: | ||
The following template parameters will change the layout and positioning of several elements on the page. | The following template parameters will change the layout and positioning of several elements on the page. | ||
<pre> | <pre> | ||
| theme = | | theme = queen, skyline, OR vintage (default: vintage -- THIS IS CASE-SENSITIVE!) | ||
| page gradient = yes OR no (default: yes) | | page gradient = yes OR no (default: yes) | ||
| introduction = | | introduction = left, right, top, bottom, OR off (default: left) | ||
| portrait = | | portrait = left, right, top, bottom, OR off (default: right) | ||
| overview position = left, right, top, bottom, OR off (default: right) | |||
| overview position = left, right, bottom, OR off (default: right) | | hooks position = left, right, top, bottom, OR off (default: left) | ||
| hooks position = left, right, bottom, OR off (default: left) | | statistics position = left, right, top, bottom, OR off (default: right) | ||
| statistics position = left, right, bottom, OR off (default: right) | | disclaimer position = left, right, top, bottom, OR off (default: left) | ||
| disclaimer position = left, right, bottom, OR off (default: left) | | contacts position = left, right, top, bottom, OR off (default: left) | ||
| contacts position = left, right, bottom, OR off (default: left) | | soundtrack position = left, right, top, bottom, OR off (default: right) | ||
| soundtrack position = left, right, bottom, OR off (default: right) | | gallery position = left, right, top, bottom, OR off (default: bottom) | ||
| gallery position = left, right, bottom, OR off (default: bottom) | </pre> | ||
=== Themes === | |||
To see the preconstructed themes in action: | |||
* [[/Theme:Vintage|vintage]] | |||
* [[/Theme:Queen|queen]] | |||
* [[/Theme:Skyline|skyline]] | |||
* [[/Theme:Headline|headline]] | |||
=== Advanced Styles === | === Advanced Styles === | ||
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. | 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. | ||
<pre> | <pre> | ||
| introduction class | | top container class = | ||
| introduction style | | left container class = | ||
| portrait class | | right container class = | ||
| portrait style | | bottom container class = | ||
| overview class | | introduction class = | ||
| overview style | | introduction container class = | ||
| hooks class | | introduction header class = | ||
| hooks style | | introduction style = | ||
| statistics class | | portrait class = | ||
| statistics style | | portrait container class = | ||
| disclaimer class | | portrait header class = | ||
| disclaimer style = | | portrait style = | ||
| contacts class | | overview class = | ||
| contacts style | | overview container class = | ||
| soundtrack class | | overview header class = | ||
| soundtrack style | | overview style = | ||
| gallery class | | hooks class = | ||
| gallery style | | hooks container class = | ||
| hooks header class = | |||
| hooks style = | |||
| statistics class = | |||
| statistics container class = | |||
| statistics header class = | |||
| statistics style = | |||
| disclaimer class = | |||
| disclaimer container class = | |||
| disclaimer header class = | |||
| disclaimer style = | |||
| contacts class = | |||
| contacts container class = | |||
| contacts header class = | |||
| contacts style = | |||
| soundtrack class = | |||
| soundtrack container class = | |||
| soundtrack header class = | |||
| soundtrack style = | |||
| gallery class = | |||
| gallery container class = | |||
| gallery header class = | |||
| gallery style = | |||
</pre> | </pre> | ||
| Line 93: | Line 125: | ||
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. | 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. | ||
<pre> | <pre> | ||
| custom position # = left, right, bottom, OR off (default: off) | | custom position # = left, right, top, bottom, OR off (default: off) | ||
| custom title # = | | custom title # = | ||
</pre> | </pre> | ||
| Line 99: | Line 131: | ||
You can also specify the class and style as normal. | You can also specify the class and style as normal. | ||
<pre> | <pre> | ||
| custom class # | | custom class # = | ||
| custom style # | | custom container class # = | ||
</pre>[[Category:Template]] | | custom header class # = | ||
</noinclude><!-- Main Table //--><includeonly><div id="loki-table"> | | custom style # = | ||
{| class="loki- | </pre>[[Category:Character Template]] | ||
|- | </noinclude><!-- Main Table //--><includeonly><div id="loki-table" class="{{{theme| vintage}}}"> | ||
<div style="flex-flow: column nowrap;justify-content: space-between;align-items: stretch;" class="loki-table {{{theme | vintage}}}"> | |||
<!-- Spanned Top Column //--> | |||
<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}}"> | |||
{{ #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| }}} }} }} | |||
</div><!-- /Spanned Top Column //--> | |||
<div style="display: flex;justify-content: space-between;align-items: stretch;" class="loki-middle {{{theme | vintage}}}"><!-- Middle Row Container //--> | |||
<!-- Left Column //--> | <!-- Left Column //--> | ||
| style=" | <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}}"> | ||
{{ #switch: {{{ introduction | | {{ #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| }}} }} }} | ||
<!-- /Left Column //--> | </div><!-- /Left Column //--> | ||
<!-- Right Column //--> | <!-- Right Column //--> | ||
<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| }}} }} }} | ||
</div><!-- /Right Column //--> | |||
</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 | }}} |Sample={{{ sample image| }}} }} }}{{ #switch: {{{ status | active }}} |active = [[Category:Active PC]] |dead = [[Category:Dead PC]] |inactive = [[Category:Inactive PC]] |chargen = [[Category:Chargen PC]] }} [[Category:Characters]] | |||
<!-- /Main Table //--></includeonly> | <!-- /Main Table //--></includeonly> | ||
Latest revision as of 21:34, 18 August 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.) | sample image = (File Name of the image you want to use for your Played-By. Example: File1.jpg) | page color = | page border = | cell color = | cell border = | cell text = | link color = | link hover color = | header color = | header border = | header text =
Layout
The following template parameters will change the layout and positioning of several elements on the page.
| theme = queen, skyline, OR vintage (default: vintage -- THIS IS CASE-SENSITIVE!) | page gradient = yes OR no (default: yes) | introduction = left, right, top, bottom, OR off (default: left) | portrait = left, right, top, bottom, OR off (default: right) | overview position = left, right, top, bottom, OR off (default: right) | hooks position = left, right, top, bottom, OR off (default: left) | statistics position = left, right, top, bottom, OR off (default: right) | disclaimer position = left, right, top, bottom, OR off (default: left) | contacts position = left, right, top, bottom, OR off (default: left) | soundtrack position = left, right, top, bottom, OR off (default: right) | gallery position = left, right, top, bottom, OR off (default: bottom)
Themes
To see the preconstructed themes in action:
Advanced Styles
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.
| top container class = | left container class = | right container class = | bottom container class = | introduction class = | introduction container class = | introduction header class = | introduction style = | portrait class = | portrait container class = | portrait header class = | portrait style = | overview class = | overview container class = | overview header class = | overview style = | hooks class = | hooks container class = | hooks header class = | hooks style = | statistics class = | statistics container class = | statistics header class = | statistics style = | disclaimer class = | disclaimer container class = | disclaimer header class = | disclaimer style = | contacts class = | contacts container class = | contacts header class = | contacts style = | soundtrack class = | soundtrack container class = | soundtrack header class = | soundtrack style = | gallery class = | gallery container class = | gallery header class = | gallery style =
Custom Sections
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 position # = left, right, top, bottom, OR off (default: off) | custom title # =
You can also specify the class and style as normal.
| custom class # = | custom container class # = | custom header class # = | custom style # =
