Difference between revisions of "User:Llwytmor/layout"
From Fate's Harvest
(Created page with "{{#tag:css| {{:User:Llwytmor/layout.css | page color = {{{page color|#000}}} | page border = {{{page border|#666}}} | cell color = {{{cell color|#FFF}}} | cell...") |
|||
| Line 23: | Line 23: | ||
| style="font-size: 0.9em; vertical-align: top;" | | | style="font-size: 0.9em; vertical-align: top;" | | ||
{{ #dpl: | {{ #dpl: | ||
| − | | uses = User: | + | | uses = User:Llwytmor/layout |
| category = Active PC | | category = Active PC | ||
| noresultsheader = ''No users found.'' | | noresultsheader = ''No users found.'' | ||
| Line 40: | Line 40: | ||
| style="font-size: 0.9em; vertical-align: top;" | | | style="font-size: 0.9em; vertical-align: top;" | | ||
{{ #dpl: | {{ #dpl: | ||
| − | | uses = User: | + | | uses = User:Llwytmor/layout |
| category = PC | | category = PC | ||
| notcategory = Active PC | | notcategory = Active PC | ||
| Line 58: | Line 58: | ||
| style="font-size: 0.9em; vertical-align: top;" | | | style="font-size: 0.9em; vertical-align: top;" | | ||
{{ #dpl: | {{ #dpl: | ||
| − | | uses = User: | + | | uses = User:Llwytmor/layout |
| notcategory = PC | | notcategory = PC | ||
| noresultsheader = ''No users found.'' | | noresultsheader = ''No users found.'' | ||
| Line 68: | Line 68: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | Loki @ Haunted Memories created this layout. | ||
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 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 77: | Line 79: | ||
<pre> | <pre> | ||
[[Category:PC]][[Category:Active PC]] | [[Category:PC]][[Category:Active PC]] | ||
| − | {{ :User: | + | {{ :User:Llwytmor/layout |
}} | }} | ||
</pre> | </pre> | ||
| Line 188: | Line 190: | ||
<!-- Left Column //--> | <!-- Left Column //--> | ||
| style="vertical-align: top; width: 75%;" | | | style="vertical-align: top; width: 75%;" | | ||
| − | {{ #switch: {{{ introduction | yes }}} | yes = {{ :User: | + | {{ #switch: {{{ introduction | yes }}} | yes = {{ :User:Llwytmor/layout/cell | title = {{{ title | Introduction }}} | content = {{{ introduction content | }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} }} }}{{ #switch: {{{ overview position | right }}} | left = {{ :User:Llwytmor/layout/cell | title = Overview | content = {{{ overview content | }}} | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | left = {{ :User:Llwytmor/layout/cell | title = Stereotypes | content = {{{ stereotypes content | }}} | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | left = {{ #switch: {{{ contacts | yes }}} | yes = {{ :User:Llwytmor/layout/cell | title = Contacts | content = {{{ contacts content | }}} | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | left = {{ :User:Llwytmor/layout/cell | title = RP Hooks | content = {{{ hooks content | }}} | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | left = {{ :User:Llwytmor/layout/logs | plots = yes | otherlink = {{{log names|}}} }} }}{{ #switch: {{{ gallery position | bottom }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{gallery title|Gallery}}} | content = {{{ gallery content | }}} | page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | left = {{ :User:Llwytmor/layout/cell | title = Disclaimer | content = {{{ disclaimer content | }}} | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 1 }}} | content = {{{ custom content 1 | }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 2 }}} | content = {{{ custom content 2 | }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 3 }}} | content = {{{ custom content 3 | }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 4 }}} | content = {{{ custom content 4 | }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 5 }}} | content = {{{ custom content 5 | }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}{{ #switch: {{{ custom position 6 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 6 }}} | content = {{{ custom content 6 | }}} | page = {{{ custom title 6 }}} | class = {{{ custom class 6 | }}} | style = {{{ custom style 6 | }}} }} }}{{ #switch: {{{ custom position 7 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 7 }}} | content = {{{ custom content 7 | }}} | page = {{{ custom title 7 }}} | class = {{{ custom class 7 | }}} | style = {{{ custom style 7 | }}} }} }}{{ #switch: {{{ custom position 8 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 8 }}} | content = {{{ custom content 8 | }}} | page = {{{ custom title 8 }}} | class = {{{ custom class 8 | }}} | style = {{{ custom style 8 | }}} }} }}{{ #switch: {{{ custom position 9 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 9 }}} | content = {{{ custom content 9 | }}} | page = {{{ custom title 9 }}} | class = {{{ custom class 9 | }}} | style = {{{ custom style 9 | }}} }} }}{{ #switch: {{{ custom position 0 | }}} | left = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 0 }}} | content = {{{ custom content 0 | }}} | page = {{{ custom title 0 }}} | class = {{{ custom class 0 | }}} | style = {{{ custom style 0 | }}} }} }} |
<!-- /Left Column //--> | <!-- /Left Column //--> | ||
| Line 194: | Line 196: | ||
| style="vertical-align: top; width: 25%;" | | | style="vertical-align: top; width: 25%;" | | ||
{{ #switch: {{{ portrait | yes }}} | yes = | {{ #switch: {{{ portrait | yes }}} | yes = | ||
| − | {{ :User: | + | {{ :User:Llwytmor/layout/cell | title = {{{ fullname | {{PAGENAME}} }}} | content = {{{ portrait content | }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} }} }}{{ #switch: {{{ overview position | right }}} | right = |
| − | {{ :User: | + | {{ :User:Llwytmor/layout/cell | title = Overview | content = {{{ overview content | }}} | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | right = |
| − | {{ :User: | + | {{ :User:Llwytmor/layout/cell | title = Stereotypes | content = {{{ stereotypes content | }}} | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | right = {{ #switch: {{{ contacts | yes }}} | yes = |
| − | {{ :User: | + | {{ :User:Llwytmor/layout/cell | title = Contacts | content = {{{ contacts content | }}} | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | right = {{ :User:Llwytmor/layout/cell | title = RP Hooks | content = {{{ hooks content | }}} | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | right = {{ :User:Llwytmor/layout/logs | plots = yes | otherlink = {{{log names|}}} }} }}{{ #switch: {{{ gallery position | bottom }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{gallery title|Gallery}}} | content = {{{ gallery content | }}} | page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | right = {{ :User:Llwytmor/layout/cell | title = Disclaimer | content = {{{ disclaimer content | }}} | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 1 }}} | content = {{{ custom content 1 | }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 2 }}} | content = {{{ custom content 2 | }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 3 }}} | content = {{{ custom content 3 | }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 4 }}} | content = {{{ custom content 4 | }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 5 }}} | content = {{{ custom content 5 | }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}{{ #switch: {{{ custom position 6 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 6 }}} | content = {{{ custom content 6 | }}} | page = {{{ custom title 6 }}} | class = {{{ custom class 6 | }}} | style = {{{ custom style 6 | }}} }} }}{{ #switch: {{{ custom position 7 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 7 }}} | content = {{{ custom content 7 | }}} | page = {{{ custom title 7 }}} | class = {{{ custom class 7 | }}} | style = {{{ custom style 7 | }}} }} }}{{ #switch: {{{ custom position 8 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 8 }}} | content = {{{ custom content 8 | }}} | page = {{{ custom title 8 }}} | class = {{{ custom class 8 | }}} | style = {{{ custom style 8 | }}} }} }}{{ #switch: {{{ custom position 9 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 9 }}} | content = {{{ custom content 9 | }}} | page = {{{ custom title 9 }}} | class = {{{ custom class 9 | }}} | style = {{{ custom style 9 | }}} }} }}{{ #switch: {{{ custom position 0 | }}} | right = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 0 }}} | content = {{{ custom content 0 | }}} | page = {{{ custom title 0 }}} | class = {{{ custom class 0 | }}} | style = {{{ custom style 0 | }}} }} }} |
<!-- /Right Column //--> | <!-- /Right Column //--> | ||
|- | |- | ||
| Line 203: | Line 205: | ||
<!-- Spanned Column //--> | <!-- Spanned Column //--> | ||
| colspan="2" | | | colspan="2" | | ||
| − | {{ #switch: {{{ overview position | left }}} | bottom = {{ :User: | + | {{ #switch: {{{ overview position | left }}} | bottom = {{ :User:Llwytmor/layout/cell | title = Overview | content = {{{ overview content | }}} | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | bottom = {{ :User:Llwytmor/layout/cell | title = Stereotypes | content = {{{ stereotypes content | }}} | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | bottom = {{ #switch: {{{ contacts | yes }}} | yes = {{ :User:Llwytmor/layout/cell | title = Contacts | content = {{{ contacts content | }}} | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | bottom = {{ :User:Llwytmor/layout/cell | title = RP Hooks | content = {{{ hooks content | }}} | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | bottom = {{ :User:Llwytmor/layout/logs | plots = yes | otherlink = {{{log names|}}} }} }}{{ #switch: {{{ gallery position | bottom }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{gallery title|Gallery}}} | content = {{{ gallery content | }}} | page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | bottom = {{ :User:Llwytmor/layout/cell | title = Disclaimer | content = {{{ disclaimer content | }}} | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 1 }}} | content = {{{ custom content 1 | }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 2 }}} | content = {{{ custom content 2 | }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 3 }}} | content = {{{ custom content 3 | }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 4 }}} | content = {{{ custom content 4 | }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 5 }}} | content = {{{ custom content 5 | }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}{{ #switch: {{{ custom position 6 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 6 }}} | content = {{{ custom content 6 | }}} | page = {{{ custom title 6 }}} | class = {{{ custom class 6 | }}} | style = {{{ custom style 6 | }}} }} }}{{ #switch: {{{ custom position 7 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 7 }}} | content = {{{ custom content 7 | }}} | page = {{{ custom title 7 }}} | class = {{{ custom class 7 | }}} | style = {{{ custom style 7 | }}} }} }}{{ #switch: {{{ custom position 8 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 8 }}} | content = {{{ custom content 8 | }}} | page = {{{ custom title 8 }}} | class = {{{ custom class 8 | }}} | style = {{{ custom style 8 | }}} }} }}{{ #switch: {{{ custom position 9 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 9 }}} | content = {{{ custom content 9 | }}} | page = {{{ custom title 9 }}} | class = {{{ custom class 9 | }}} | style = {{{ custom style 9 | }}} }} }}{{ #switch: {{{ custom position 0 | }}} | bottom = {{ :User:Llwytmor/layout/cell | title = {{{ custom title 0 }}} | content = {{{ custom content 0 | }}} | page = {{{ custom title 0 }}} | class = {{{ custom class 0 | }}} | style = {{{ custom style 0 | }}} }} }} |
|- | |- | ||
|} | |} | ||
Latest revision as of 05:12, 4 January 2018
Loki @ Haunted Memories created this layout.
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 is guaranteed to work in Internet Explorer 9, Firefox 3.5, Chrome 10, and Safari 5. It will gracefully degrade across older browsers.
Usage
Copy the following onto your page:
[[Category:PC]][[Category:Active PC]]
{{ :User:Llwytmor/layout
}}
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.
| page gradient = yes OR no (default: yes) | introduction = yes OR no (default: yes) | portrait = yes OR no (default: yes) | overview position = left, right, bottom, OR off (default: right) | stereotypes position = left, right, bottom, OR off (default: left) | contacts position = left, right, bottom, OR off (default: yes) | hooks position = left, right, bottom, OR off (default: right) | logs position = left, right, bottom, OR off (default: left) | gallery position = left, right, bottom, OR off (default: bottom) | disclaimer position = left, right, bottom, OR off (default: right)
Content
By default, the template uses subpages to store page content. You can choose to disable that per section by adding the following options to the page:
| introduction content = | stereotypes content = | contacts content = | hooks content = | gallery content = | disclaimer content = | portrait content = | overview content =
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 = | stereotypes class = | stereotypes style = | contacts class = | contacts style = | hooks class = | hooks style = | gallery class = | gallery style = | disclaimer class = | disclaimer style = | portrait class = | portrait style = | overview class = | overview 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 # =
And if you have content set to local:
| custom content # =
Logs
The Logs section uses DPL to pull in logs based on the full page name of the character page. Sometimes, character logs are not filed that way, or characters change their names. Use the following parameters to customize how the layout template pulls in logs:
| log names =
If you need to use more than one additional name, you can separate them using the ! template. For example:
| log names = Eleanor{{!}}Hani{{!}}Mikaela
