Difference between revisions of "Template:Dogbone"
Jump to navigation
Jump to search
imported>Rocky |
imported>Rocky |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
}} | }} | ||
<noinclude> | <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. | 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. | This is guaranteed to work in Internet Explorer 9, Firefox 3.5, Chrome 10, and Safari 5. It will gracefully degrade across older browsers. | ||
| − | |||
This layout was designed by [http://www.haunted-memories.net/wiki/User:Loki Loki@Haunted-Memories: Vienna By Night] | This layout was designed by [http://www.haunted-memories.net/wiki/User:Loki Loki@Haunted-Memories: Vienna By Night] | ||
| Line 30: | Line 26: | ||
}} | }} | ||
</pre> | </pre> | ||
| − | |||
| − | |||
| − | |||
| − | |||
<pre> | <pre> | ||
| − | + | You can also use these parameter to change the layout and positioning. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| page gradient = yes OR no (default: yes) | | page gradient = yes OR no (default: yes) | ||
| overview position = left, right, bottom, OR off (default: right) | | overview position = left, right, bottom, OR off (default: right) | ||
| Line 63: | Line 36: | ||
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> | ||
| − | |||
| − | |||
| overview class = | | overview class = | ||
| overview style = | | overview style = | ||
| Line 87: | Line 58: | ||
<!-- Left Column //--> | <!-- Left Column //--> | ||
| − | | style="vertical-align: top; width: | + | | style="vertical-align: top; width: 100%;" | |
| − | {{ #switch: {{{ overview position | | + | {{ #switch: {{{ overview position | left }}} | left = {{ :Charpage/layout/cell | title = Details | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }} |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<!-- /Left Column //--> | <!-- /Left Column //--> | ||
| + | <!-- Right Column //--> | ||
| + | {{ #switch: {{{ overview position | left }}} | left = {{ :Charpage/layout/cell | title = FAQ | page = Moon_FAQ | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<!-- /Right Column //--> | <!-- /Right Column //--> | ||
| Line 110: | Line 70: | ||
<!-- Spanned Column //--> | <!-- Spanned Column //--> | ||
| colspan="2" | | | colspan="2" | | ||
| − | {{ #switch: {{{ overview position | right }}} | bottom = {{ :Charpage/layout/cell | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }} | + | {{ #switch: {{{ overview position | right }}} | bottom = {{ :Charpage/layout/cell | title = Overview | page = Infobox | class = {{{ overview class | }}} | style = {{{ overview style | }}} }} }} |
| + | {{ #switch: {{{ disclaimer position | left }}} | bottom = {{ :Charpage/layout/cell | title = Disclaimer | page = Disclaimer | class = {{{ disclaimer class | }}} | style = {{{ disclaimer style | }}} }} }}{{ #switch: {{{ custom position 1 | }}} | bottom = {{ :Charpage/layout/cell | title = {{{ custom title 1 }}} | page = {{{ custom title 1 }}} | class = {{{ custom class 1 | }}} | style = {{{ custom style 1 | }}} }} }}{{ #switch: {{{ custom position 2 | }}} | bottom = {{ :Charpage/layout/cell | title = {{{ custom title 2 }}} | page = {{{ custom title 2 }}} | class = {{{ custom class 2 | }}} | style = {{{ custom style 2 | }}} }} }}{{ #switch: {{{ custom position 3 | }}} | bottom = {{ :Charpage/layout/cell | title = {{{ custom title 3 }}} | page = {{{ custom title 3 }}} | class = {{{ custom class 3 | }}} | style = {{{ custom style 3 | }}} }} }}{{ #switch: {{{ custom position 4 | }}} | bottom = {{ :Charpage/layout/cell | title = {{{ custom title 4 }}} | page = {{{ custom title 4 }}} | class = {{{ custom class 4 | }}} | style = {{{ custom style 4 | }}} }} }}{{ #switch: {{{ custom position 5 | }}} | bottom = {{ :Charpage/layout/cell | title = {{{ custom title 5 }}} | page = {{{ custom title 5 }}} | class = {{{ custom class 5 | }}} | style = {{{ custom style 5 | }}} }} }} | ||
|- | |- | ||
|} | |} | ||
</div> | </div> | ||
| − | |||
<!-- /Main Table //--></includeonly> | <!-- /Main Table //--></includeonly> | ||
Latest revision as of 11:05, 5 October 2012
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.
This layout was designed by Loki@Haunted-Memories: Vienna By Night
Usage
Copy the following onto your page:
[[Category:PCs]][[Category:Active PCs]]
{{ :Template:Charpage
}}
You can also use these parameter to change the layout and positioning. | page gradient = yes OR no (default: yes) | overview 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.
| 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 # =
