

But here’s the code anyway (just change the color, font-family, the centering, and size to suit yourself). This gets tricky, not everybody will have the same fonts installed as you. Here’s the code for the map container div:Īnd one of the text boxes (obviously every text box will have a different LEFT and TOP value): All the clickable links are smaller absolute positioned boxes inside the map’s div tag. The map itself is a giant div tag containing a background image (you set the div height and width to the same size as the map you’re using). There are several ways to do maps like this, I think this is probably one of the easier ways. Believe it or not you had the tools you needed to do it after the first tutorial. Rather than try to show the code, I’ll just tell you how I did it. I found this was the most reliable and less likely to have glitches. This is because if I one day change my menu… I only have to edit 4-5 pages instead of hundreds!Īlso notice I used ABSOLUTE web URL addresses (take them from your web browser address line) for both the pages they link to as well as the images.
DRESDEN FILES WALLAP FULL
You’ll notice that I only use a couple of buttons on sub-pages and only use the entire full menu on a handful of main pages. However every other wiki page will use the same TOP and LEFT values. * Your initial first page you’ll have to futz with the TOP and LEFT settings and move it around (the first page is special and OP treats it differently). There are a billion ways to do this, this is how I chose to do it. The following code creates a box that covers up the existing Obsidian Portal menu bar with one of your own. I’ve tweaked the code a little since then, but he was the source.
DRESDEN FILES WALLAP HOW TO
I first learned how to do this by dissecting what Duskreign did on his amazing wikis. Like the Guest Stars box, you’ll want to make sure these are inside a DIV of their own.

The buttons are 220px by 110px (2:1 aspect ratio). The books are written as a first-person narrative from the perspective of the main character, private investigator and wizard Harry Dresden, as he recounts investigations into supernatural disturbances in modern-day Chicago. I think it reallly draws the reader into your campaign and makes them want to know more. The Dresden Files is a series of contemporary fantasy/mystery novels written by American author Jim first novel, Storm Front, was published in by Roc Books. This is something StephenWollet did on his outstanding Star Trek Late Night wiki that I loved. I replaced my Wiki main page with graphics. The “Episodes” page is basically a souped up version of this box. On my Guest Page it’s inside my acccent box (the one with the graphic background). BE SURE you put this inside a containing DIV box. This is the code I use for my Guest Stars boxes ( NPC listings). If you want to use an image that tiles (repeats like a texture) just take out the “background-repeat:no-repeat ” part. Technically we haven’t talked about z-index or some of the other options available for the background-image:url() style tag(s). So this page is a bunch of “sample code” that as a wiki owner on Obsidian Portal you might find useful. You know, and I know, that tutorials are great… but until you get PRACTICE using the stuff the tutorial talks about… it’s just pecking on the surface.
