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.

Hover text navbar

View previous topic View next topic Go down

In progress Hover text navbar

Post by Valoish on November 26th 2016, 10:37 pm

How would I go about making a centered text navbar with a hover effect? Kinda of like the one on this forum, but not an exact copy of it.
Basically, what I wanna know is how do I make the navbar a text-based nav rather than an image-based one, and how do I add a hover effect it.

Currently my forum has an image-based hover navbar, and I used a tutorial found on this forum to make it (Can't seem to find the link at the moment).

Forum Link: http://www.CanvasForums.com/

Valoish
Forumember

Female Posts : 116
Reputation : 25
Language : English
Location : NYC

http://www.canvasforums.com

Back to top Go down

In progress Re: Hover text navbar

Post by Luffy on November 26th 2016, 11:32 pm

Hello @Valoish,

If you remove the images from the navbar and leave it displaying text it will show the default one and you can style it through CSS.
Code:
a.mainmenu
for the links
Code:
td.bodyline table:nth-child(2)
for the entire navbar (for the background the positioning of it all etc)






Luffy
Manager
Manager

Male Posts : 4254
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

In progress Re: Hover text navbar

Post by Valoish on November 26th 2016, 11:43 pm

Thanks @Luffy! c:
I'll give that a try after dinner and homework~

Valoish
Forumember

Female Posts : 116
Reputation : 25
Language : English
Location : NYC

http://www.canvasforums.com

Back to top Go down

In progress Re: Hover text navbar

Post by Luffy on November 26th 2016, 11:45 pm

Sure, let me know if you need anything.






Luffy
Manager
Manager

Male Posts : 4254
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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