CSS for fixed page navigation in Blanket Credit to: sistabroBase style:
Code SnippetBest resolution:
Fluid WidthTested in:
IE9, Chrome, Firefox5 on a PC. Safari 5.0.4 courtesy of deniseFeatures:
Fixed Previous, Next and Top of Page links
I posted a layout today, Wavy Gravy
, and one of the features in it was adding the Previous, Next and Top of Page links to the fixed navigation section at the bottom of every Blanket based layout. It seems like it would be something very useful for anyone messing around with Blanket; I honestly can't think of a reason why you wouldn't want to add these links to the navigation section. So below you can find the CSS that sets all of that up.
Now, I will be the first to admit that I am a complete n00b at CSS, so the code is probably messy, but it does work. The only thing is that it's really sensetive to font size changes. If you change the font sizes, you will also have to adjust the padding and positioning of pretty much everything to make things line up. But once they are aligned, it responds quite well to in browser zooming; it only breaks if your main navigation links get so big they go to another line, which is really, really big.
Feel free to use and modify. I hope folks find it useful.