Left Navigation Bar

hello,

i want to create left navigation bar like this



can anybody help me?   

Hi

Isn't your forum like that already o.O? Anyway, I can think of something like:

#1 Disable your current navigation bar (Make sure you know the links of the one you want in custom)

#2 It's either you put this code in overall_header or a widget, either way it's fine:

Code:

<div id="navigation">
<img src="IMG LINK">
<br />
TEXT
</img>
<img src="IMG LINK">
<br />
TEXT
</img><img src="IMG LINK">
<br />
TEXT
</img>
</div>

#3 Once you style and save it, place it on the left corner of your forum or right.

#4 Go to your CSS and make a style somewhat like:

Code:

#navigation {
  -webkit-box-shadow:0 0 3px red; /* Chrome 10, Safari 5.1 */
  -moz-box-shadow:0 0 3px red; /* Firefox 4 */
  box-shadow:0 0 3px red; /* Modern Browser */
  border: #px solid/dashed/double #Color;
  width: #px/%/#em;
  height: #px/%/#em;
  background: url(IMG LINK) repeat-y/repeat-x/no-repeat center/left/right scroll scroll;
}

Or you can add more, your choice. If you're asking for the loading Javascript, then I'm not aware of how to do it.

Edit: Thanks Ange~

Regards,
Pizza Boi

hello, i input hover background, but i want to hide this

Hi

Link to the forum please where that is, I'm on a different PC.

Regards,
Pizza Boi

please ceck PM, i sent forum url  

Hi

The cause of that action is because your background is transparent or rgb(0, 0, 0). You have to either change the color to something else or get a background with the same color. It's not actually a color appearing, it's just depixelized picture.

This could work:

Code:

#navigation :hover {
  background: #DDD !important;
}

Regards,
Pizza Boi