The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Left Navigation Bar

View previous topic View next topic Go down

Left Navigation Bar

Post by kumotta on Mon 21 Apr 2014 - 0:53

hello,

i want to create left navigation bar like this



can anybody help me?   :rose:

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Re: Left Navigation Bar

Post by Pizza Boi on Mon 21 Apr 2014 - 1:56

Hi Very Happy

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

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Left Navigation Bar

Post by kumotta on Wed 30 Apr 2014 - 9:00

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

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Re: Left Navigation Bar

Post by Pizza Boi on Wed 30 Apr 2014 - 22:28

Hi Very Happy

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

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Left Navigation Bar

Post by kumotta on Thu 1 May 2014 - 11:45

please ceck PM, i sent forum url  Smile

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Re: Left Navigation Bar

Post by Pizza Boi on Thu 1 May 2014 - 20:04

Hi Very Happy

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

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum