Page Formatting

The following are some of the Olevmedia shortcodes and some other useful things that can be used for formatting.

Olevmedia Shortcodes

This is tabbed content:

[tabs]
[tab title="Tab 1 Title"]

Content for tab1

[/tab]
[tab title="Tab 2 Title"]

Content for tab2

[/tab]
[tab title="Tab 3 Title"]

Content for tab3

[/tab]
[/tabs]

This is content in a toggle:

[toggle title="Toggle Title"]Content for toggle[/toggle]

This is content in an accordion (they can also start completely closed):

[accordion]
[toggle title="Item 1 Title" state="opened"]

Content for item 1

[/toggle]
[toggle title="Item 2 Title"]

Content for item 2

[/toggle]
[toggle title="Item 3 Title"]

Content for item 3

[/toggle]
[/accordion]

This is an accordion that can have multiple sections open:

[accordion multiopen="true"]
[toggle title="Item 1 Title" state="opened"]

Content for item 1

[/toggle]
[toggle title="Item 2 Title"]

Content for item 2

[/toggle]
[toggle title="Item 3 Title"]

Content for item 3

[/toggle]
[/accordion]

This is an info box (colors can be changed):

[infobox color="#1e73be"]Info box Text[/infobox]

This is a blockquote:

[blockquote author="Some guy"]Quote text.[/blockquote]

Other Formatting

This combines the info box and the tabs to create compact city information:

[infobox color="#cbf1fe" textcolor="#000000"]City Name[/infobox]
[tabs]
[tab title="General"]

Country
Geography
Languages
Population demographics
Government type - who's in charge - other political factions

[/tab]
[tab title="Culture"]

Hated/disliked races/groups
Popular food and drink
Customs
Stereotypes, biases, prejudices

[/tab]
[tab title="Tab 3"]

Guilds
Architecture - building materials
Landmarks
Major industries

[/tab]
[tab title="Noteworthy"]

Rumors
Myths
Legends
Favored Gods
Disfavored Gods
Military - what type and how many
City guard
Crime
History
Important NPCs
Official important places (town hall, monuments, temples, etc.)
Unofficial important places (PCs favorite bar, the merchant with the best hook-ups, etc.)

[/tab]
[/tabs]

 

 

This is a very simple timeline; it's responsive and interactive (click on the labels):

[ctimeline]

[ctentry date="date" label="label"] Content.[/ctentry]

[ctentry date="11 May 2015" label="Make labels shortish or they can run into the content below them like some retard designed it"]

My mother drove me to the airport with the windows rolled down. It was seventy-five degrees in Phoenix, the sky a perfect, cloudless blue. I was wearing my favorite shirt – sleeveless, white eyelet lace; I was wearing it as a farewell gesture. My carry-on item was a parka.
[/ctentry]

[ctspace][/ctspace]

[ctspace][/ctspace]

[ctentry date="" label="Can have blank dates"] Blank dates could be useful. The ctspace tag creates a very small spacer; there are two above this entry. Not sure why they would be used.[/ctentry]

[ctentry date="Your weird date" label="Keep dates short"] Longer dates will run into the line. Probably want to use numbers instead of words. I'm pretty sure that the post width is restricting all of this. Maybe when the left sidebar with the author information is removed it will somewhat fix it.

Also, this will scroll if you put too much in it. Might be best to do a small blurb and link to a full entry.

 

 

 

 

See? Shit scrolls.

[/ctentry]

[/ctimeline]

This is a mouse-over pop-up box created with Tippy: