Template:LokiCharPage: Difference between revisions
From TowersWiki
m (Fixing the link to Darc's Userpage) |
No edit summary |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
{{:Template:LokiCharPage/base.scss | {{:Template:LokiCharPage/base.scss | ||
| page color | | page color = {{#if: {{{page color| }}} | {{{page color}}} | {{#switch: {{{theme| }}} | yellow = #DD0 | blue = #0DD | green = #0D0 | magenta = #D3D | #000}} }} | ||
| page border | | page border = {{#if: {{{page border| }}} | {{{page border}}} | {{#switch: {{{theme| }}} | yellow = #666 | blue = #666 | green = #666 | magenta = #666 | #666}} }} | ||
| cell color | | cell color = {{#if: {{{cell color| }}} | {{{cell color}}} | {{#switch: {{{theme| }}} | yellow = #FFC | blue = #CFF | green = #CFC | magenta = #FCF | #FFF}} }} | ||
| cell border | | cell border = {{#if: {{{cell border| }}} | {{{cell border}}} | {{#switch: {{{theme| }}} | yellow = #999 | blue = #999 | green = #999 | magenta = #999 | #999}} }} | ||
| cell text | | cell text = {{#if: {{{cell text| }}} | {{{cell text}}} | {{#switch: {{{theme| }}} | yellow = #000 | blue = #000 | green = #000 | magenta = #000 | #000}} }} | ||
| link color | | link color = {{#if: {{{link color| }}} | {{{link color}}} | {{#switch: {{{theme| }}} | yellow = #00F | blue = #00F | green = #00F | magenta = #00F | #00F}} }} | ||
| link hover | | link hover = {{#if: {{{link hover color| }}} | {{{link hover color}}} | {{#switch: {{{theme| }}} | yellow = #FF0 | blue = #00F | green = #0F0 | magenta = #F3F | #00F}} }} | ||
| header color | | header color = {{#if: {{{header color| }}} | {{{header color}}} | {{#switch: {{{theme| }}} | yellow = #FF0 | blue = #0FF | green = #0F0 | magenta = #F3F | #333}} }} | ||
| header border = {{#if: {{{header border| }}} | {{{header border}}} | {{#switch: {{{theme| }}} | yellow = #999 | blue = #999 | green = #999 | magenta = #999 | #999}} }} | | header border = {{#if: {{{header border| }}} | {{{header border}}} | {{#switch: {{{theme| }}} | yellow = #999 | blue = #999 | green = #999 | magenta = #999 | #999}} }} | ||
| header text | | header text = {{#if: {{{header text| }}} | {{{header text}}} | {{#switch: {{{theme| }}} | yellow = #111 | blue = #111 | green = #FFF | magenta = #111 | #FFF}} }} | ||
| page gradient = {{#switch:{{{page gradient|}}}|no=no|yes}} | | page gradient = {{#switch:{{{page gradient|}}}|no=no|yes}} | ||
| text-shadow | | text-shadow = {{#if: {{{text-shadow| }}} | {{{text-shadow}}} | 0 -1px 1px rgba(0, 0, 0, .7) }} | ||
}} | }} | ||
}} | }} | ||
Revision as of 08:38, 8 May 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.
| full name = | played by = | 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 = yellow, blue, magenta, or green (will use a specific color pallete, leave this blank to go with gray/black) | page gradient = yes OR no (default: yes) | introduction = yes OR no (default: yes) | portrait = yes OR no (default: yes) | glass = yes or no (default: yes) | overview position = left, right, bottom, OR off (default: right) | hooks position = left, right, bottom, OR off (default: left) | statistics position = left, right, bottom, OR off (default: right) | disclaimer position = left, right, bottom, OR off (default: left) | contacts position = left, right, bottom, OR off (default: left) | soundtrack position = left, right, bottom, OR off (default: right) | gallery position = left, right, bottom, OR off (default: bottom)
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.
| introduction class = | introduction style = | portrait class = | portrait style = | overview class = | overview style = | hooks class = | hooks style = | statistics class = | statistics style = | disclaimer class = | disclaimer style = | contacts class = | contacts style = | soundtrack class = | soundtrack style = | gallery 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, bottom, OR off (default: off) | custom title # =
You can also specify the class and style as normal.
| custom class # = | custom style # =
