Campaign of the Month: September 2013
Heroes Unchained
Wiki Code
If you have any questions on how to do something using Wiki code, go to the Forums and ask, and I will post the answer here for ease of reference. Forum Wiki Code
This code is for Earthdawn 3 Character Sheets: Example
table{border:1px solid black}. {background:#ddd}.|*Discipline:* Nethermancer|*Circle:* 2nd|*Race:* Elf|*Gender:* Male| |*Age:* 27|*Hair:* Black|*Skin:* Pale w/Tattoos|*Eyes:* Blue| {background:#ddd}.|*Height:* 6' 3"|*Weight:* 148 lbs|*Racial Ability:* Low-Light Vision|| <div style="width:49%;float:left;"> h3. Attributes table{border:1px solid black}. {background:#ddd}.|<b>+Stat+</b>|<b>+Value+</b>|<b>+Step+</b>|<b>+Dice+</b>| |DEX|15|6|d10| {background:#ddd}.|STR|12|5|d8| |TOU|10|5|d8| {background:#ddd}.|PER|17|7|d12| |WIL|16|7|d12| {background:#ddd}.|CHA|13|6|d10| </div> <div style="width:49%;float:right;"> h3. Characteristics table{border:1px solid black}. {background:#ddd}.|*Initiative:* 6/d10|*Physical Defense:* 8| |*Physical Armor:* -|*Spell Defense:* 10| {background:#ddd}.|*Mystic Armor:* 2|*Social Defense:* 7| |*Death Rating:* 35|*Recovery Tests:* 2/d8| {background:#ddd}.|*Unconscious:* 25|*Knockdown:* 5/d8| |*Wound Threshold:* 8|*Movement:* 7| {background:#ddd}.|*Max Karma:* 8|*Current Karma:* 8| </div> h3. Discipline Talents (Talent Rank Cost) table{border:1px solid black}. {background:#ddd}.|<b>+Talent+</b>|<b>+Action+</b>|<b>+Strain+?</b>|<b>+Attribute Step+</b>|<b>+Rank+</b>|<b>+Step+</b>|<b>+Dice+</b>| |Karma Ritual|-|-|-|2|-|-| {background:#ddd}.|Astral Sight|Simple|1|7|2|9|d8+d6| |Read Write Magic|Standard|0|7|2|9|d8+d6| {background:#ddd}.|Spellcasting|Standard|0|7|2|9|d8+d6| |Spell Matrix|NA|-|-|2|-|-| {background:#ddd}.|Thread Weaving|Standard|0|7|2|9|d8+d6| |Frighten|Standard|0|7|1|8|2d6| h3. Talent Options (Talent Rank Cost) table{border:1px solid black}. {background:#ddd}.|<b>+Talent+</b>|<b>+Karma?+</b>|<b>+Action+</b>|<b>+Strain?+</b>|<b>+Attribute Step+</b>|<b>+Rank+</b>|<b>+Step+</b>|<b>+Dice+</b>| |Speak Language|No|Standard|1|7|2|9|d8+d6| {background:#ddd}.|Durability|No|NA|0|-|1|-|-| |Animal Possession|No|Standard|2|7|1|8|2d6| {background:#ddd}.|Blood Share (Familiar)|No|Simple|1|6|1|7|d12| |Thought Link (Familiar)|No|Standard|1|7|1|8|2d6| h3. Skills (Skill Training Cost) table{border:1px solid black}. {background:#ddd}.|<b>+Skill+</b>|<b>+Action+</b>|<b>+Strain?+</b>|<b>+Attribute Step+</b>|<b>+Rank+</b>|<b>+Step+</b>|<b>+Dice+</b>| |Artisan (A)|Sustained|0|6|1|7|d12| {background:#ddd}.|Speak Language|Standard|0|7|3|10|d10+d8| |Read Write Language|Standard|0|7|3|10|d10+d8| {background:#ddd}.|Alchemy|Sustained|0|7|1|8|2d6| |Creature Lore (K)|Standard|0|7|1|8|2d6| {background:#ddd}.|Throwing Weapons|Standard|0|6|1|7|d12| |Alchemy and Potions (K)|Standard|0|7|1|8|2d6| {background:#ddd}.|Magical Lore (K)|Standard|0|7|1|8|2d6| |Magical Theory (K)|Standard|0|7|1|8|2d6| {background:#ddd}.|Physician|Sustained|0|7|1|8|2d6| h3. Languages table{border:1px solid black}. {background:#ddd}.|<b>+Read/Write Languages+</b>|<b>+Spoken Languages+</b>| |Or'zet, Theran, Throalic, Sperethiel, Pneuma|Or’zet, Theran, Throalic, Sperethiel, Signing| h3. Spells table{border:1px solid black}. {background:#ddd}.|<b>+Spell+</b>|<b>+Matrix?+</b>|<b>+Type+</b>|<b>+Circle+</b>|<b>+Threads+</b>|<b>+Weaving+</b>|<b>+Casting+</b>|<b>+Range+</b>|<b>+Duration+</b>|<b>+Effect+</b>| |Astral Spear|No|N|1|1|6/12|TSD|24 hex|1 rd|WIL+6/Mystic| {background:#ddd}.|Command Nightflyer|No|N|1|1|5/13|TSD|24 hex|Rank+3 min|WIL+2| |Dry and Wet|No|N|1|1|7/8|TSD|7 hex|1 rd|WIL+4| {background:#ddd}.|Experience Death|No|N|1|1|6/12|TSD|10 hex|Rank+3 rnds|WIL+5| |Spirit Dart|Yes|N|1|0|NA/7|TSD|5 hex|1 rnd|WIL+2/Mystic| {background:#ddd}.|Bone Circle|No|N|2|3|6/17|9|1 hex radius|Rank+3 Months|WIL+5| |Life Circle of One|No|N|2|2|6/15|6/TSD|Touch|Rank+3 mins|WIL+5/Mystic| h3. Aspects table{border:1px solid black}. {background:#ddd}.|<b>Driven:</b> To escape slavery| |<b>Goal:</b> To find his parents| {background:#ddd}.|<b>Love:</b> To rescue his "Queen" "Sariella":http://www.obsidianportal.com/campaigns/heroesunchained/characters/sariella| |<b>Hatred:</b> Burning hatred of all Therans, or at least the Theran Noble House Narlanth| h3. Experience table{border:1px solid black}. {background:#ddd}.|*Total Legend Points:* 3868|*Legend Points Spent:* 1360|*Current Legend Points:* 2508|
These links REALLY helped me to understand the OP.com Wiki and some html coding for formatting.
Unofficial Guide here on the OP.com forums
Best site I found for understanding the div tags and positioning their content within a web browser
Here is the code I used to insert audio links into our Journal posts:
<div class="SessionThemeSong" style="font-family:‘Arial’;position:absolute;left:310px;top:320px;color:black;font-weight:bold;padding:2px;z-index:+100;"><p class="oembed"><a href="http://grooveshark.com/s/Airwolf/2KkBA3?src=5">Airwolf</a></p></div>
The div tag controls where the audio is located but is not required. The paragraph tag (everything between the “p”) is required though. Must reference Grooveshark.com though. I haven’t figured out how to do just audio with YouTube.
CSS Code for existing OP Navtab/bar. Cut and paste into your “Custom CSS” box. (There may be better ways to make this work, but I am a CSS noob, so take it for what it’s worth.)
Example of this code can be found here
EDIT 3/18/13 – I didn’t realize that Chrome was treating my previous CSS NavTab code differently, I have since updated and tested on IE, Firefox and Chrome.
.tabnav a:link, .tabnav a:visited, .tabnav a:active, .tabnav a:hover { font-size: 12pt; color: black; text-shadow: 1px 2px 1px white, -2px -2px 1px white; } .tabnav a:link, .tabnav a:visited { background: none repeat scroll 0 0 transparent; border: medium none transparent; line-height: 20px; } .tabnav { background: none repeat scroll 0 0 transparent; left: 260px; width: 130px; } .tab-container { width: 130px; position: fixed; left: 260px; } .tabnav a.active:link, .tabnav a.active:visited { border: inherit; background: transparent; color: brown; } .tabnav a { margin-bottom: 5px; }
Here is one of our sample Sessions code.
<div class="SessionBox" style="margin:2px;position:relative;width:auto;height:auto;background-color:white;border-radius:6px;border-color:black;padding:3px;border-style:solid;border-width:2px;background-image:url(http://cdn.obsidianportal.com/assets/228370/CrystalCaveWash.jpg);background-position:center;background-size:100%;"> <p style="text-align:center;font-size:large;color:black;font-family:'Uncial Antiqua';text-shadow:#260000 0px 1px 1px, #FFFFCC 0 -1px 1px, #504C47 3px 3px 8px;">Session 15 - The Reach Awakens</p> <p class="Introcap">Lacking rest and recovery, The Unchained decide the best policy to deal with a Horror is still a good ol' fashion ass whuppin'. This time The Unchained head back into the crystalline caverns with some troll backup. While the rest of the gang was gettin' a beatin' last session, <a href="/characters/stilicho-alaricson" class="wiki-content-link">Stilicho</a> invoked the power of <a href="/wikis/rashomon" class="wiki-page-link"> Rashomon</a> to convince the trolls to rise up out of their fear and lethargy to fight back! It's GO TIME Mr. Horror McBaddiepants!!! </p> * Skram - "What Do You Mean Flying Monkeys":http://www.obsidianportal.com/campaign/heroesunchained/adventure-log/what-do-you-mean-flying-monkeys * Skram - "Killing Crystals":http://www.obsidianportal.com/campaign/heroesunchained/adventure-log/killing-crystals <p style="text-align:center;font-size:large;color:black;font-weight:bold;font-family:'Uncial Antiqua';"><a href="http://www.obsidianportal.com/campaign/heroesunchained/adventure-log/the-unchained">See previous sessions and journals</a></p> </div>