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 April 21st 2014, 6:53 am

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 April 21st 2014, 7:56 am

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 April 30th 2014, 3:00 pm

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 May 1st 2014, 4:28 am

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 May 1st 2014, 5:45 pm

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 May 2nd 2014, 2:04 am

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