SqueezeBox
https://kingmaker-denver.obsidianportal.com
I'm trying to set up a sub navigation on the right side of the site. For anyone that goes to the wiki, you'll see some work I've done by using absolute positioning. My desire is to have the right side contain the sub nav bar above the Last Update section and stay there with out problems resizing the screen and scrolling down. I'd also like it to have content that I can store separately from the individual wiki pages.
Can someone help me get to where I want to be?
-- SqueezeBox
Comments
I would recommend using absolute positioning (currently you have fixed positioning for your .wiki_side_bar class, which for example is making the sidebar float smack dab in the middle of the wiki page on my screen) and percentage values instead of raw pixels for your left and top properties (specifically "top: 0%" and something like "left: 102%"). This should maximize compatibility with different browsers, screen resolutions, etc...
Seconding the request. I have a sidebar, but it's inside my content column; I'd love it to be outside and stored once as opposed to being repeated on so many pages.
In addition, being able to define (somewhere) a header and a footer that get automatically added to the pages would be equally awesome.
-
Ketherian
"Signs & Portends":https://swtwc.obsidianportal.com
Signs & Portends, Dwarves of Lost Koldukar, In a certain realm
https://the-great-pendragon.obsidianportal.com/wikis/main-page
which is in the ccs as a 'nav menu' (adapted from 'Tommy 19' original code if i recall correctly)
there are some other bells and whistles, but the position commands are right:25px and top:36% --- this suits me for the effect Im after, feel free to adapt as you like :)
/*Nav Menu Here*/
.NavMenu {padding:10px;margin:1px; position:fixed !important; z index:100; right:25px; width:175px; top:36%; background-image: url("https://db4sgowjqfwig.cloudfront.net/assets/266903/labyrinth.jpg?1385471815"); font-size:bold; font-family:Almendra SC ;color:#3F3; font-size:large;text-shadow: 1px 1px black; padding:1px; border-color:green; border-style:solid; border-width:1px; -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;}