Premade Wiki Templates
Contents
Using these Templates
To use the sheet, do the following steps:
- Copy the source code from the template to your character page.
- To create your own page, just search for the name you want to use, and then (if it's not already in use), click the "Create <page> on this wiki" link.
- Make sure that you aren't editing the original template page!
- Note that domain and venue pages should be created as categories. See the instructions in each section for details.
- Fill the sections in with the template for your venue.
- Customize icons - replace the banner and placeholder image with your own
- Character Icons can be found here.
- Customize color - you can either use one of the CSS Sheets, or the custom style sheet at the bottom of this page
- Add Categories - reference the MES Wiki Category List for the categories to add to the bottom of the page
Detailed Customization
These wiki pages are a starting point, meant for people with minimal wiki experience. If you want to go beyond the base layout, you can modify the layout code in the Template-specific formatting section at the bottom of each template.
Here are some good resources to get started on more advanced customization:
- MediaWiki Formatting
- W3 Schools for learning HTML and CSS
- HTML Colors
Character Templates
The Templates:
Venue & Domain Templates
The Templates:
Domain Templates
The Templates:
CSS Sheets
Replace the following code in the template with the reference to the CSS template that you want (i.e: vampire.css for Masquerade, or space.css for Infinite Edge)
{{#css:MyPage/vampire.css}}
If you want to just customize some colors, you can also modify just the parts that you want changed in the layout section at the bottom of the template.
- Masquerade (vampire.css)
- Masquerade (vampire_red.css)
- MES Wiki (mes.css)
- Custom style sheet - If you want to customize your colors beyond a style sheet, use the following code block, and change the colors, and borders to your desired appearance. Note that not all templates use all of the sections.
Click to expand the custom CSS
{}/* ------------ Theme colors and fonts ----------------- */ #template-container { background:#000; background-image:-webkit-gradient(linear, 21% 19%, 100% 59%, from(#000000), to(#000000), color-stop(.6,#162b25)); border:3px solid #d7ab6b; color: #E8DABE; } /* ------------ Main Content Sections ----------------- */ /* Main body */ #template-container .main { background: rgba(81, 107, 105, 0.75); } /* Container for content sections */ #template-container .content { color: #E8DABE; background-color:#223b31; border:solid 1px #af8752; } /* Columns, and main content area */ #template-container .column, #template-container .mainColumn, #template-container .section { border:solid 3px #af8752; background-color:#9AB1A7; color: #000; } /* ------------ Quote box ----------------- */ /* Central header box */ #template-container .quote { background: #223b31; border:solid 2px #af8752; box-shadow: 3px 3px 5px 1px #000; font-family: Georgia; font-size: 16px; color: #E8DABE; } #template-container .quote a, { color:#E8DABE; } /* ------------ Wikitable formatting ----------------- */ /* Wiki Table formatting */ #template-container .wikitable { background:inherit; border:1px solid black; } /* Wiki Table header */ #template-container .wikitable th { background:#223b31; background: rgba(34, 59, 49, 0.75); /* 8c0f14 */ color:#E8DABE; border:1px solid #000; } #template-container .wikitable td { border:1px solid #af8752; } /* ------------ Title Box (for templates with header boxes) ----------------- */ /* Title box */ #template-container .headerSection { border:1px solid #af8752; background:#223b31; background: rgba(34, 59, 49, 0.75); /* 8c0f14 */ color:#E8DABE; } /* Headers inside the title box */ #template-container .headerSection > h1 { font-size:120%; font-weight:bold; } /* ------------ Header Tabs ----------------- */ /* Tab links */ #template-container .tab { background:rgba(81, 107, 105, 0.75); border:solid 1px #af8752; border-radius: 5px; color:#E8DABE; } #template-container .tab:hover { background:rgba(112, 147, 144, 0.75); } /* ------------ Misc Formatting ----------------- */ /* Solid color padding blocks */ #template-container .pad { background-color:#223b31; border: 2px solid #d7ab6b; background-attachment: fixed; } /* Sets bulleted items to the default color */ #template-container li { list-style-image: none; list-style-type: disc; } /* Horizontal lines */ #template-container hr { border-color:#af8752; background-color:#af8752; } /* Emphasized text */ #template-container strong, #template-container b { font-family: Georgia; font-size: 16px; } /* ------------ Default text colors ----------------- */ /* Header colors and fonts */ #template-container h1, #template-container h2, #template-container h3 { color: #E8DABE; border:none; } /* link colors */ #template-container a { color: #E8DABE; } /* Emphasized text */ #template-container strong, #template-container b { color: #E8DABE; } /* ------------------- Text for content ------------------ */ #template-container .contentText { color: #E8DABE; } /* Header colors and fonts */ #template-container .contentText h1, #template-container .contentText h2, #template-container .contentText h3 { color: #E8DABE; } /* link colors */ #template-container .contentText a { color: #E8DABE; } #template-container .contentText strong, #template-container .contentText b { color: #E8DABE; } /* ------------------- Text for section ------------------ */ #template-container .sectionText { color:#000; } #template-container .sectionText h1, #template-container .sectionText h2, #template-container .sectionText h3 { color: #283D32; } /* link colors */ #template-container .sectionText a { color: #E8DABE; } /* Emphasized text */ #template-container .sectionText strong, #template-container .sectionText b, #template-container .sectionText .quote { color: #283D32; }
Credits
Many of these templates are based off of the excellent work that others have done, either in layout or in code style.
- Particular credit goes to Abby E , for her coding style and the inspirations for Template 5, Venue Template 5 and Domain Template 5
- Template 2 is inspired by the page for Vox Umbra
- Template 3 is inspired by the page for Spectre
- Template 4 is based on the pages for Zebulon Kessler and Elizabeth Bell
- Template 5 is based on the work by Jonathan F as well as Abby E
- Venue Template 2 and Domain Template 2 are based on the design of the MES Wiki home page
- Domain Template 4 is based on the design for Category:OOC Domain / New River Valley, VA
- Venue Template 4 is based on the design for Category:Masquerade / Domain / Baltimore-Washington, DC