Difference between revisions of "Template:Charpage"

From City of Hope MUSH
Jump to navigation Jump to search
imported>MayaCoH
(Created page with "{{#tag:css| {{:User:Loki/layout.css | page color = {{{page color|#000}}} | page border = {{{page border|#666}}} | cell color = {{{cell color|#FFF}}} | cell bor...")
 
imported>MayaCoH
Line 1: Line 1:
 
{{#tag:css|
 
{{#tag:css|
{{:User:Loki/layout.css
 
  | page color    = {{{page color|#000}}}
 
  | page border  = {{{page border|#666}}}
 
  | cell color    = {{{cell color|#FFF}}}
 
  | cell border  = {{{cell border|#999}}}
 
  | cell text    = {{{cell text|#000}}}
 
  | link color    = {{{link color|#00F}}}
 
  | link hover    = {{{link hover color|#00F}}}
 
  | header color  = {{{header color|#333}}}
 
  | header border = {{{header border|#999}}}
 
  | header text  = {{{header text|#FFF}}}
 
  | page gradient = {{#switch:{{{page gradient|}}}|no=no|yes}}
 
}}
 
}}
 
<noinclude>
 
<div style="float: right; width: 350px;">
 
<div class="loki-cell">
 
{| class="loki-cell-table"
 
|-
 
! class="loki-header" style="background: #048;" | <span class="loki-glass">Active PCs</span>
 
|-
 
| style="font-size: 0.9em; vertical-align: top;" |
 
{{ #dpl:
 
  | uses            = User:Loki/layout
 
  | category        = Active PC
 
  | noresultsheader  = ''No users found.''
 
  | notnamespace    = Talk
 
  | columns          = 3
 
}}
 
|-
 
|}
 
</div>
 
<div class="loki-cell">
 
{| class="loki-cell-table"
 
|-
 
! class="loki-header" style="background: #048;" | <span class="loki-glass">Inactive PCs</span>
 
|-
 
| style="font-size: 0.9em; vertical-align: top;" |
 
{{ #dpl:
 
  | uses            = User:Loki/layout
 
  | category        = PC
 
  | notcategory      = Active PC
 
  | noresultsheader  = ''No users found.''
 
  | notnamespace    = Talk
 
  | columns          = 3
 
}}
 
|-
 
|}
 
</div>
 
<div class="loki-cell">
 
{| class="loki-cell-table"
 
|-
 
! class="loki-header" style="background: #048;" | <span class="loki-glass">Other</span>
 
|-
 
| style="font-size: 0.9em; vertical-align: top;" |
 
{{ #dpl:
 
  | uses            = {{#tag:css|
 
 
{{:User:Charpage.css
 
{{:User:Charpage.css
 
   | page color    = {{{page color|#000}}}
 
   | page color    = {{{page color|#000}}}
Line 132: Line 75:
 
<pre>
 
<pre>
 
[[Category:PC]][[Category:Active PC]]
 
[[Category:PC]][[Category:Active PC]]
{{ :User:Loki/layout
+
{{ :Charpage
}}
 
</pre>
 
 
 
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.
 
<pre>
 
| 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          =
 
</pre>
 
 
 
=== Layout ===
 
The following template parameters will change the layout and positioning of several elements on the page.
 
<pre>
 
| 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)
 
</pre>
 
 
 
=== 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.
 
<pre>
 
| 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      =
 
</pre>
 
 
 
=== 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.
 
<pre>
 
| custom position #  = left, right, bottom, OR off (default: off)
 
| custom title #      =
 
</pre>
 
 
 
You can also specify the class and style as normal.
 
<pre>
 
| custom class #      =
 
| custom style #      =
 
</pre>
 
</noinclude><!-- Main Table //--><includeonly>
 
<div id="loki-table">
 
{| class="loki-table"
 
|-
 
 
 
<!-- Left Column //-->
 
| style="vertical-align: top; width: 75%;" |
 
{{ #switch: {{{ introduction | yes }}} | yes = {{ :User:Loki/layout/cell | title = {{{ title | Introduction }}} | page = Introduction | class = {{{ introduction class | }}} | style = {{{ introduction style | }}} }} }}{{ #switch: {{{ overview position | right }}} | left = {{ :User:Loki/layout/cell | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | left = {{ :User:Loki/layout/cell | title = Stereotypes | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | left = {{ #switch: {{{ contacts | yes }}} | yes = {{ :User:Loki/layout/cell | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | left = {{ :User:Loki/layout/cell | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | left = {{ :User:Loki/layout/logs | plots = yes }} }}{{ #switch: {{{ gallery position | bottom }}} | left = {{ :User:Loki/layout/cell | title = {{{gallery title|Gallery}}} | page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | left = {{ :User:Loki/layout/cell | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | left = {{ :User:Loki/layout/cell | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | left = {{ :User:Loki/layout/cell | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | left = {{ :User:Loki/layout/cell | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | left = {{ :User:Loki/layout/cell | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | left = {{ :User:Loki/layout/cell | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}
 
<!-- /Left Column //-->
 
 
 
<!-- Right Column //-->
 
| style="vertical-align: top; width: 25%;" |
 
{{ #switch: {{{ portrait | yes }}} | yes = {{ :User:Loki/layout/cell | title = {{{ full name | {{ PAGENAME }} }}} | page = Portrait | class = {{{ portrait class | }}} | style = {{{ portrait style | }}} }} }}{{ #switch: {{{ overview position | right }}} | right = {{ :User:Loki/layout/cell | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | right = {{ :User:Loki/layout/cell | title = Stereotypes | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | right = {{ #switch: {{{ contacts | yes }}} | yes = {{ :User:Loki/layout/cell | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | right = {{ :User:Loki/layout/cell | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | right = {{ :User:Loki/layout/logs | plots = yes }} }}{{ #switch: {{{ gallery position | bottom }}} | right = {{ :User:Loki/layout/cell | title = {{{gallery title|Gallery}}}| page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | right = {{ :User:Loki/layout/cell | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | right = {{ :User:Loki/layout/cell | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | right = {{ :User:Loki/layout/cell | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | right = {{ :User:Loki/layout/cell | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | right = {{ :User:Loki/layout/cell | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | right = {{ :User:Loki/layout/cell | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}
 
 
 
<!-- /Right Column //-->
 
|-
 
 
 
<!-- Spanned Column //-->
 
| colspan="2" |
 
{{ #switch: {{{ overview position | right }}} | bottom = {{ :User:Loki/layout/cell | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }}{{ #switch: {{{ stereotypes position | left }}} | bottom = {{ :User:Loki/layout/cell | title = Stereotypes | page = Stereotypes | class = {{{ stereotypes class | }}} | style = {{{ stereotypes style | }}} }} }}{{ #switch: {{{ contacts position | left }}} | bottom = {{ #switch: {{{ contacts | yes }}} | yes = {{ :User:Loki/layout/cell | title = Contacts | page = Contacts | class = {{{ contacts class | }}} | style = {{{ contacts style | }}} }} }} }}{{ #switch: {{{ hooks position | right }}} | bottom = {{ :User:Loki/layout/cell | title = RP Hooks | page = Hooks | class = {{{ hooks class | }}} | style = {{{ hooks style | }}} }} }}{{ #switch: {{{ logs position | left }}} | bottom = {{ :User:Loki/layout/logs | plots = yes }} }}{{ #switch: {{{ gallery position | bottom }}} | bottom = {{ :User:Loki/layout/cell | title = {{{gallery title|Gallery}}} | page = Gallery | style = {{{ gallery style | text-align: center; }}} }} }}{{ #switch: {{{ disclaimer position | left }}} | bottom = {{ :User:Loki/layout/cell | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | bottom = {{ :User:Loki/layout/cell | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | bottom = {{ :User:Loki/layout/cell | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | bottom = {{ :User:Loki/layout/cell | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | bottom = {{ :User:Loki/layout/cell | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | bottom = {{ :User:Loki/layout/cell | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }}
 
|-
 
|}
 
</div>
 
{{ #if: {{{ played by | }}} | <span style="float: right; font-style: italic;">'''Played By:''' {{{ played by }}} }}
 
<!-- /Main Table //--></includeonly>
 
User:Loki/layout
 
  | notcategory      = PC
 
  | noresultsheader  = ''No users found.''
 
  | notnamespace    = Talk
 
  | columns          = 2
 
}}
 
|-
 
|}
 
</div>
 
</div>
 
 
 
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:
 
<pre>
 
[[Category:PC]][[Category:Active PC]]
 
{{ :User:Loki/layout
 
 
}}
 
}}
 
</pre>
 
</pre>

Revision as of 15:29, 24 April 2012


Active PCs

{{ #dpl:

uses = User:Loki/layout category = Active PC noresultsheader = No users found. notnamespace = Talk columns = 3

}}

Inactive PCs

{{ #dpl:

uses = User:Loki/layout category = PC notcategory = Active PC noresultsheader = No users found. notnamespace = Talk columns = 3

}}

Other

{{ #dpl:

uses = User:Loki/layout notcategory = PC noresultsheader = No users found. notnamespace = Talk columns = 2

}}

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]]
{{ :Charpage 
}}

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)

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 #      =