https://forum.obsidianportal.com/categories/campaign-portal-building/p29/feed.rss Sat, 19 Sep 2026 07:46:40 +0000 Campaign Portal Building Discussions on Obsidian Portal Community Forums en-CA https://forum.obsidianportal.com/discussion/3622/item-images Wed, 26 Feb 2014 08:52:34 +0000 TonyPullen 3622@/discussions
Still getting used to Obsidian Portal and slowly building up my RotRL campaign.

I'm trying to get some mileage out of the (depreciated) items section.

Can anyone tell me if I can allocate default icons for item types as per the dropdown list.
I've tried uploading an icon as the item-image but I have to reload the icon for each item - even if I have 3 daggers, I have to upload 3 images. What I want is a default dagger image.
I'm not concerned too much about automation (like having OP select the icon automatically for me) but I don't want to have to upload duplicate images. I'd rather use an image I have already uploaded.

TIA]]> https://forum.obsidianportal.com/discussion/3472/adding-the-tag-library-to-the-sidebar Wed, 06 Nov 2013 15:41:08 +0000 Ironeyes 3472@/discussions
I'm not sure whether this is possible at all, but I'd like to add the tag library (All Tags) to the sidebar of each page. Is there a way to do that? I believe the CSS id is tag-library, if that helps. I'm very new to CSS and am still trying to figure out what can and can't be done with it.]]> https://forum.obsidianportal.com/discussion/3619/player-editing Tue, 25 Feb 2014 03:18:16 +0000 TonyPullen 3619@/discussions
Is this standard?

For example: it means that the "treasure log" wiki page I (as DM) created can only be updated by me!

None of them seem to be ab;le to find the edit icon when they log in.

How do I see what they see?

TIA]]> https://forum.obsidianportal.com/discussion/3612/css-character-limit Thu, 20 Feb 2014 11:54:30 +0000 TonyPullen 3612@/discussions
TIA]]> https://forum.obsidianportal.com/discussion/3615/some-css-and-html-code-continuation-of-pm Fri, 21 Feb 2014 00:38:46 +0000 Basileus 3615@/discussions
---

First, the soft bordered, "glowing" boxes such as seen here on the "front page":https://outremer.obsidianportal.com/. These are accomplished with a bit of HTML - they are simply divs with the following code:

@
Normal content with Textile styling goes here.
@

The important properties that accomplish that appearance are: the "background-color:rgba" with the fourth value set to 0.5 (sets the alpha channel to half transparency), and the "box-shadow" property which is used here to create two blurry borders (one inset and one outside) rather than a hard border. I don't mind using HTML on my front page but try to avoid using it throughout the wiki because it can't be updated across the whole campaign at once.

They are also surrounded by horizontal rules, which are not part of that object but contribute to the appearance. On the page horizontal rules can be created simply with Textile:

@---@

or HTML:

@@

However, I have customized the horizontal rules in my campaign CSS as follows to make them glowy/blurry as well (the default horizontal rule is awful) and change the behavior of how they interact with other content a bit:

@/* HORIZONTAL RULE COLOR AND STYLE */
hr {clear:none; color: transparent; background-color: transparent; border: 1px solid transparent; box-shadow: 0em 0em 1em lightskyblue;}@

---

Second, the borderless tables containing all the links such as shown on the "main wiki hub":https://outremer.obsidianportal.com/wikis/main-page or slightly differently "here":https://outremer.obsidianportal.com/wikis/races. These are a mixture of some campaign CSS and in-page table formatting. The CSS relevant to tables is below (the "nth-child" trick was courtesy of another forum member during the post-Reforge scramble, but I can't recall who to properly give credit):

@/* TABLE SETTINGS */
table {margin: 0px auto;}
.campaign-public-layout th {font-size: 120%; font-weight: bold; font-family:'Jura';}
#content table {background-color: transparent; border-style: none;}
#content tr:nth-child(even) {background-color: transparent;}@

And the on-page formatting is something like:

@
table{width: 100%; text-align:center; font-size: 120%;}.
|_{width:25%}. Column Header 1|_{width:25%}. Column Header 2|_{width:25%}. Column Header 3|_{width:25%}. Column Header 4|
|[[Link 1]]|[[Link 2]]|[[Link3]]|[[Link 4]]|@

---

EDIT: It occurred to me after all that, that you may have just been asking about the quotes (such as seen at the top of the front page). These are far simpler. On page is just the blockquote function, which in Textile formatting is just:

@bq. Content goes here.@

And styled in campaign CSS with:

@/* BLOCKQUOTE STYLING */
.campaign-public-layout blockquote {border-left: transparent; font-style: italic; font-family: 'Jura'; box-shadow: inset 2em 0em 1em -2em lightskyblue, -1em 0em 1em -1em aliceblue; }
.campaign-public-layout blockquote p {color: dimgray;}@

The relevant part is setting the default blockquote styling (the hard line using "border-left") to transparent, and then using the "box-shadow" property as above and offsetting each shadow to the side so it only shows on the left edge.]]> https://forum.obsidianportal.com/discussion/3586/one-of-my-players-never-sheaths-his-weapon-should-i-allow-it Mon, 27 Jan 2014 12:01:01 +0000 oldmanofdoom 3586@/discussions https://forum.obsidianportal.com/discussion/3613/help-me-tweak-prince-of-hell-ed Thu, 20 Feb 2014 15:09:59 +0000 oldmanofdoom 3613@/discussions https://forum.obsidianportal.com/discussion/3610/help-with-character-page Wed, 19 Feb 2014 19:12:01 +0000 kaine1972 3610@/discussions
https://metal.obsidianportal.com/characters]]> https://forum.obsidianportal.com/discussion/3607/character-portrait-preview Sun, 16 Feb 2014 09:09:41 +0000 WolfLord 3607@/discussions
"Age of Heroes":https://heroes-of-hellas.obsidianportal.com/
"Avatar: Conquest of the Imperial Order":https://avatar_adventures.obsidianportal.com/
"COTM November 2011":http://blog.obsidianportal.com/november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order/?utm_source=rss&utm_medium=rss&utm_campaign=november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order]]> https://forum.obsidianportal.com/discussion/3602/how-to-print-items Sat, 08 Feb 2014 21:53:03 +0000 paBroyles 3602@/discussions https://forum.obsidianportal.com/discussion/3601/music-embed-and-autoplay Sat, 08 Feb 2014 20:43:50 +0000 Grakarg 3601@/discussions I can put in the link to the soundcloud item I want to use just fine, no issues.

But how do I get the music to autoplay?
How do I keep the embed from showing a gigantic frame and button to click? (that of course clashes with the rest of the imagery of the campaign site...)
Are there any other helpful tips/tricks?

Thanks for any help or advice you can provide on embedding media!]]> https://forum.obsidianportal.com/discussion/3600/having-problems-loading-images-or-maps-with-safari Fri, 07 Feb 2014 21:32:03 +0000 optimus_mush 3600@/discussions https://forum.obsidianportal.com/discussion/3597/problem-with-the-main-content-area-positionning Wed, 05 Feb 2014 04:06:36 +0000 Tristelune 3597@/discussions
I have trouble with the positioning of the main content area on my campaign website.
On this page (https://black-crusade-stars-of-chaos.obsidianportal.com/wikis/main-page), the main content is completely on the right side of the screen, instead of the middle.
Yet, on other pages, such as:
https://black-crusade-stars-of-chaos.obsidianportal.com/wikis/vaisseau-sovereign-venture
https://black-crusade-stars-of-chaos.obsidianportal.com/characters/morgiana-haarlock-la-reine-sanglante
the main content is properly positioned at the center of the page.
What should i do to make the main content of my main wiki page be centered in the screen?

Also, i would like to fix the navbar, using something like:
/*Fixed Navbar and hide text*/
#campaign-nav {position:fixed !important; }

But when i do that, all the main content is positioned on the left border of the screen on every pages. Any idea how i could fix that?

I'm clearly a newbie when it comes to css and all, i tried to search the forum, but couldn't find any answer that my limited skills could comprehend. So, any tip you could give me would be most welcomed. Thank you :)]]> https://forum.obsidianportal.com/discussion/3595/youtube-autoplay-feature Tue, 04 Feb 2014 10:34:13 +0000 Macchiato 3595@/discussions I've been using the youtube autoplay feature for a while now, usually with the following code:



All of a sudden the autoplay feature won't work anymore. The videos are there, they just don't start (you gotta click on the play button, which i wanted to avoid by using autoplay...). Any help would be greatly appreciated!]]> https://forum.obsidianportal.com/discussion/3594/styling-dashboard-settings-page-etc Mon, 03 Feb 2014 22:17:09 +0000 Savannah 3594@/discussions
On one of my heavily-styled wikis, I pretty much just threw a grey background on the whole thing and called it a day. (Campaign "here":https://ageofworms-ap.obsidianportal.com/, screenshot of dashboard "here":https://db4sgowjqfwig.cloudfront.net/assets/292159/AoW_dashboard.jpg?1391493502).

However, on my newest experiment, I'd really like to take the get the private sections looking as much as possible like the public ones. I'm still messing around with it, but "this is the look I'm going for":https://yet-another-adventurers-guild.obsidianportal.com/wikis/main-page. Unfortunately, things are way too wide in my private sections ("screenshot here":https://db4sgowjqfwig.cloudfront.net/assets/292160/AG_dashboard.jpg?1391494058). This seems to be because #content goes to the very edge of the screen in the private sections, while it does not on the public sections. I'm also finding that the left sidebar behaves quite differently on private pages than public pages.

In conclusion, I'm wondering if a) anyone has any suggestions for my situation with the second campaign, and b) what other people with extensive formatting have done with their private sections (since my usual tactic of snooping on people's campaigns is obviously not working...).]]> https://forum.obsidianportal.com/discussion/985/can-i-use-other-language Fri, 18 Sep 2009 22:46:24 +0000 Nolinquisitor 985@/discussions https://forum.obsidianportal.com/discussion/3581/looking-for-some-help-to-make-some-suggestions Mon, 20 Jan 2014 00:17:07 +0000 Drashika 3581@/discussions
I would like it to be possible for my players to have the option to have their character sheets private, while still having the option of being able to edit them. The only thing I saw like that was that the GM (me) can set it to be a secret character, but the player who created it still can't view it. Maybe have a "visible to..." option? Which leads me to my next point.

I think wiki pages should be able to have different levels of access. Kind of like the GM Only, except have a section for full access (default) and the option to add other sections as well as the option of giving the players different levels of access which would pertain to the different sections of text (someone with moderate access to a page would be able to read the information written in the box labeled moderate).

Like I said, if this stuff is already available, someone help. If not, I think they should be.]]> https://forum.obsidianportal.com/discussion/3573/how-to-get-players-interested-in-writing-on-op Sun, 12 Jan 2014 10:44:14 +0000 Soulgeared 3573@/discussions Any good incentives to give?]]> https://forum.obsidianportal.com/discussion/3570/blending-css-and-textile Fri, 10 Jan 2014 14:02:40 +0000 estrimple 3570@/discussions https://forum.obsidianportal.com/discussion/3565/complete-color-theme-kit Tue, 07 Jan 2014 14:06:12 +0000 ChainsawXIV 3565@/discussions
Basically what was involved here was picking through every page, editing page, and modal dialog and targeting them for color change of background and text color. The net result is a style sheet that provides central control over the color scheme of your entire campaign. The style sheet is around 500 lines long, but it lets you change the color scheme in a unified way by doing a find and replace on a small number of actual color codes. It's completely thorough (as far as I know, anyway), and controls colors for everything in a campaign that it can. There are a few things where color is baked into an image or inline CSS, but they're few and far between.

"http://omnichron.net/external/op/optheme.css":http://omnichron.net/external/op/optheme.css (Template) Work from this. Default colors set to various shades of gray.
"http://omnichron.net/external/op/opblue.css":http://omnichron.net/external/op/opblue.css (Blue Test) Turns everything it can the same color, to see what you can't change.

Note that this respects the campaign style colors you set in your settings as much as possible, and has a color key in it to unify the stuff that's hard-coded to orange in the default design, which is meant to be replaced with the color key that matches your primary campaign color setting. For the blue test, obviously you'd want to set all four campaign colors to that same blue.

Things you can't change as far as I can tell:

* The icons on the right of the Stream section of the dashboard are baked into PNGs as black
* The dragon head logo is an inline SVG image, might be doable from CSS but I don't think so
* The vertical timeline used in adventure logs is baked into PNGs as shades of white
* A couple of fields in Settings have their colors set by inline CSS at the lowest level]]> https://forum.obsidianportal.com/discussion/3568/whoops Wed, 08 Jan 2014 18:20:05 +0000 Peaceful_Warrior 3568@/discussions https://forum.obsidianportal.com/discussion/3559/help-sought-for-empire-apocalypse-https-empire-apocalypse-obsidianportal-com-dashboard Thu, 02 Jan 2014 19:11:11 +0000 Odhinn_AllFather 3559@/discussions 1. Is there a way to change the white default background on every page? Very hard on the eyes and feel of the campaign. Can it be made opague across the entire campaign? I had a black background as a default. That would be better if possible.

2. I have the same question regarding default font color, especially on the front page. I had a red or dark orange on black that I would like to restore.

3. Can the default to the dashboard be changed to the front page?

I am pasting the original CSS I used below, some of it seems to have taken, some of has not.

Thanks to any Vanguard willing to help.

/* High Level Look and Feel Items */
#content {border:1px solid darkred; background-color:opague;color:darkorange;}
#wrapper {border:none; background-color:transparent;}
#campaign-banner-container {border:1px solid red;border-radius:6px;}
#campaign-content {border:1px solid red;border-radius:6px;padding:4px;}

/* If you want a custom background wallpaper remove the slashes and asterisks from the below item and change the URL to your picture */
/*body {background-image:url('http://cdn.obsidianportal.com/assets/130777/Zombie_Apocalypse_by_rubenz87.jpg
');background-attachment:fixed;}*/


/* your campaign comments */
.comment-list .comment {border-bottom:1px solid red;}
.comment-list .comment {border:1px solid red;margin-bottom:5px;}
.comment-list .comment.odd {background-color:black;border:1px solid darkred;}
.comment-list .comment-header {min-height:50px;}
.comment-list .comment-text {border:none;padding:3px;}

/* the columns and sidebars on the right side */
#secondary-column .sidebar {border:1px solid red; border-radius:6px; padding:10px; background-color:black;}
#secondary-column .sidebar a:link {color:red; text-decoration:none;}
#secondary-column .sidebar a:visited {color:red; text-decoration:none;}
#secondary-column .sidebar a:hover {color:orange; text-decoration:underline;}
#secondary-column .sidebar a:active {color:red; text-decoration:none;}

#secondary-column .sidebar h4 {font-size:110%; margin:5px; color:red; border-bottom:1px solid red;}
#secondary-column .sidebar .recent-update {border-bottom:1px dotted red;}

/* Your default Obsidian Portal navigation menu */
.tab-container {border-style:none;}
.tabnav {margin:1px;border-style:none;background:none;margin-bottom:5px;}
.tabnav a:link,.tabnav a:visited,.tabnav a:active {color:red;background-color:transparent;border-style:solid;border-color:darkred;border-width:1px;}
.tabnav a:hover {color:darkorange;background-color:transparent;border-style:solid;border-color:darkorange;border-width:1px;}
.tabnav a.active:link,.tabnav a.active:visited,.tabnav a.active:active,.tabnav a.active:hover{color:orange;background-color:black;border-style:solid;border-color:orange;border-width:1px;}

/* how your page headers look */
#campaign-content h1 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h2 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h3 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h4 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h5 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}

/* default link behavior */
#campaign-content a:link {color:red;text-decoration:none;}
#campaign-content a:visited {color:red;text-decoration:none;}
#campaign-content a:hover {color:orange;text-decoration:underline;}
#campaign-content a:active {color:red;text-decoration:none;}

/* how links to pages that don’t exist yet look */
#campaign-content a:link.create-wiki-page-link {color:darkgreen;text-decoration:underline;}
#campaign-content a:visited.create-wiki-page-link {color:darkgreen;text-decoration:underline;}
#campaign-content a:hover.create-wiki-page-link {color:green;text-decoration:underline;}
#campaign-content a:active.create-wiki-page-link {color:darkgreen;text-decoration:underline;}

/* WIKI PAGES */
.wiki-page .textile_longtext.page-body img {border:1px solid red;}

/* ADVENTURE LOG */
#campaign-content .adventure-log-list {}
.adventure-log-page {margin-bottom:5px;}
.adventure-log-page .post-header {background-color:black;border:1px solid red;border-radius:6px;padding:4px;}
#campaign-content h3.post-title {border-bottom:none;}
#campaign-content h4.post-tagline {border-bottom:none;}
#campaign-content h5.post-time {border-bottom:none;color:gray;}
.adventure-log-page .textile_longtext.post-body img {border:1px solid red;}

/* MAP TAB */
#campaign-content h3.map-name {border-bottom:none;}
#campaign-content h2.map-name {border-bottom:none;}]]> https://forum.obsidianportal.com/discussion/3564/how-to-combine-formatting Sun, 05 Jan 2014 13:24:58 +0000 HecklerusPrime 3564@/discussions
***BEGIN CODE***
Create footnote here[1]
And another footnote[2]

h6. fn1. This is a footnote description
fn2. Second footnote description
***END CODE***

In this case, the two lines are the small font I am looking for, but neither correctly link to the footnotes and instead the "fnX." is shown. There are other combinations I would like to use (different headings within a numbered list that contains sub-lists, etc.), but instead of listing them all I will just hope that the same basic formula (if it exists) is the same for all, which would make learning a lot easier!

Another quick question I have is if there is a size limit to the media library for each campaign. I should mention that I am using the basic (free) edition of OP.]]> https://forum.obsidianportal.com/discussion/2779/free-css-templates Sat, 20 Oct 2012 01:13:06 +0000 wolfhound2 2779@/discussions
Simple Series
I tried to make these "simple" ones as "plug and play" as possible. No wonky fonts or images or anything like that. They should function as a great starting point for much more complicated stuff.

* "Black & Red":http://www.obsidianportal.com/campaigns/free-template-simple-black-red
* "Black & Green":http://www.obsidianportal.com/campaigns/free-template-simple-black-green
* "Black & Blue":http://www.obsidianportal.com/campaigns/free-template-simple-black-blue

Basic Theme Series
These have some images and possibly use Google Fonts, they're still "simple" in that there's no complex CSS going on and it's still basically just a skin over the default Obsidian Portal layout. Images are selected from royalty free stock/sites.

* "The Innkeeper's Ledger":http://www.obsidianportal.com/campaigns/free-template-innkeeper-s-ledger (generic and suitable for fantasy)
* "iMetallic":http://www.obsidianportal.com/campaigns/free-template-imetallic (suitable for generic modern day/sci-fi)]]> https://forum.obsidianportal.com/discussion/3555/editing-options Mon, 23 Dec 2013 19:18:38 +0000 The_Jay 3555@/discussions
Thanks]]> https://forum.obsidianportal.com/discussion/3495/old-character-page-layout Tue, 12 Nov 2013 14:40:47 +0000 WolfLord 3495@/discussions

"Avatar: Conquest of the Imperial Order":https://avatar_adventures.obsidianportal.com/
"Duskreign’s Favorite CotM January 2012":http://www.obsidianportal.com/campaign/wyrmshadow/wikis/012012
"CotM November 2011":http://blog.obsidianportal.com/november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order/?utm_source=rss&utm_medium=rss&utm_campaign=november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order]]> https://forum.obsidianportal.com/discussion/3546/textile-tables-post-reforge Tue, 17 Dec 2013 08:25:36 +0000 NinjaFlashX 3546@/discussions
So "Heroes Unchained":http://www.obsidianportal.com/campaigns/heroesunchained uses a fair amount of textile tables (What can I say, they are so simple to use and look nice and clean). Pre-Reforge textile tables seemed to use an much space on a page as possible, stretching to meet only the page limit. Post-Reforge textile tables only seem to use enough space as is required to fit whatever combo of words/numbers required to fit inside the cell.

An example that I'm trying to correct are all of our character sheets. Figured I'd start with my character "Vridich":https://heroesunchained.obsidianportal.com/characters/vridich and then fix the rest once I'd figured it out. (which all of my testing appears to not work)

Is there a way to revert/override the new textile table setting so that it will use auto/stretch to meet a page's width?

Thanks everyone.

Flash
"Heroes Unchained":http://www.obsidianportal.com/campaigns/heroesunchained - _Where Slaves Become Legends_]]> https://forum.obsidianportal.com/discussion/3537/returning-post-reforging Tue, 10 Dec 2013 10:58:11 +0000 RobJustice 3537@/discussions
The second thing involves the banner images; I like the new longer thinner banner space but I hate how it crops the image down for sidebars and profiles. I feel like I can't utilize the margins of my banner since their going to get cropped out. I had to do some odd measuring and sizing to get a banner that is mostly (not even completely) crop free. I feel like the banner is the logo for my game and the cropping is murdering any branding I'm trying to do here. Is this something that's going to be addressed or is it a limitation I'm going to have to live with?

A totally unrelated question: Is there any plans to do anything that integrates with Google Hangouts? Or does anyone know of anything that does? I'm looking at running games online and right now the only Hangouts app I can find for gaming is Roll20, which is a bit more mapping focused on what I need. Really, just a way to pull up and display wiki pages to my attendants would be amazing.

Just so this post is just questions and complaints: I freaking love the new characters section. The overall layout is so much cleaner overall and the custom backgrounds and built in styling has really removed a lot of my custom CSS (which is a very good thing!) I'm very happy with the reforging and glad I funded the kickstarter!]]> https://forum.obsidianportal.com/discussion/3531/help-wanted-twilight-of-the-cosmos Tue, 03 Dec 2013 16:49:35 +0000 xv_lucid_dreamer_vx 3531@/discussions
* Change the color of my text in the main box on all of my pages (I'd like the main text box to be black and the text to be white.)
* Remove the heading at the top of my home page (the heading that reads "Home Page" - not the main banner.)
* Show you all what I've posted in the Advanced box, under settings, so that you can maybe point out what I should do to organize my code? It's only a few strings.
* Look up a basic tutorial on CSS so I can have some understanding of what I need to put in the Advanced box and how it's implemented.

I hope I'm not asking for too much, but I'm a little frustrated and not entirely certain how best to proceed. I managed to push the dragon banner out of the way and upload a new banner and a nice background image, but I'd really like to get a better handle on what I'm doing. If you've taken the time to read this and you're willing to help me out, please know that I sincerely appreciate it.

You can find my Chronicle here:
https://twilight-of-the-cosmos.obsidianportal.com/

Just be warned, it's very much a work in progress.]]> https://forum.obsidianportal.com/discussion/3533/help-wanted Fri, 06 Dec 2013 21:04:37 +0000 RKraus 3533@/discussions
I've been having trouble since the reforging, and could use some help. I'm trying to get my One Life to Give campaign rolling for January, the others can wait.

First, what systems are currently supported? While I can do ok on my desktop PC, things are much worse on my IPad, to the point where the site isn't even stable. Got a fix for that?

There are smaller questions as well, but if you look at the site, I think you'll get the idea. One issue is visibility, the grey on white thing doesn't work for me, i had cataract surgery last year.]]>