Placing content in Right Side Bar

edited March 2014 in General Archive

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


  • Basileus
    Posts: 589
    There are some folks here who have done some pretty tricksy stuff with sidebars, so I will let them address that, but as for storing content separately from the wiki pages, I think you are out of luck. There isn't really any mechanism for that. About the closest you can get is what you have already done - create some CSS to govern the styling of the sidebar, which should simplify the HTML or Textile you are having to paste on each wiki page.

    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...
  • SqueezeBox
    Posts: 2
    Thanks Basileus, I'm not a wiz with CSS, so that helps immensely. If someone else comes up with something to make it flow with the content, that would be awesome too.
  • ketherian
    Posts: 203 edited March 2014

    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.

    "Signs & Portends":
    Post edited by ketherian on
  • NikMak
    Posts: 379
    here is my side bar stuff

    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(""); 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;}
Sign In or Register to comment.

August 2022
In Over Their Heads

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!