[CODE] Vertical Navbar Layout

Always Read The Label Fatboy Slim

Ever wanted a vertical navbar layout like the one featured in this blog style? I got you!

Plain preview courtesy of Nein MC's profile previewer.

It's as easy as applying some code to your profile! You may need to do some optional modifications (resizing the nav links font + removing the dividers, resizing elements, etc etc) but it works just about fine on any default layout. Though it doesn't work on mobile, obviously!

Here's the code:

<style>
body {overflow:hidden;}
.container {width:100%;margin:0;}
nav {display:block!important;}
nav .top {display:block!important;width:100%;}
nav .links {height:812px;width:100px;}
footer {display:block!important;margin-left:100px;}
main {max-height:612px;overflow-y:scroll;width:980px;margin-top:-800px;margin-left:300px;}
</style>


15 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

mich

mich's profile picture

woahh this is so cool omg


Report Comment



Yay thank you!

by Casiotone; ; Report