Navigation Bar Modification - from text to image

If you are having problems with GuMax, post here.
Post Reply
User avatar
kevindanko
Rank 6
Rank 6
Posts: 31
Joined: April 1st, 2009, 11:10 am

Navigation Bar Modification - from text to image

Post by kevindanko »

I am trying to create a custom navigation menu, using an image with text on it, possbly even looking to somehow make the text able to be rolled over.

I replaced the stripe-gray.gif with my own custom navigation bar which is called ribbon.jpg, ribbon.jpg is a brown ribbon with white Mr.Eaves Small Caps text on it.

I would like to have it so that when you rollover the White Text in the image the drop down activates. My way of developing this was to move the Sidebar text under #gumax-nav a in gumax_Droppy.css

I put the text overtop the images, and tried to hide the text. You apparently cannot hide the text using display hidden: visibility: invisble, without totally disabling the drop down.

Additionally when you leave it alone the text on the top menu is rolled over with the background color of the drop down.

What is the best way to do what I am trying to do?
Attachments
menu.PNG
menu.PNG (137.2 KiB) Viewed 5582 times
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Navigation Bar Modification - from text to image

Post by Paul »

I'm confusing the white text is image or text?
User avatar
kevindanko
Rank 6
Rank 6
Posts: 31
Joined: April 1st, 2009, 11:10 am

Re: Navigation Bar Modification - from text to image

Post by kevindanko »

yes the white text you see is an image, the brown bar and the text are just 1 image.
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Navigation Bar Modification - from text to image

Post by Paul »

now I don't understand why you don't use text, instead of image?

You can format text more beautiful then the image, you are trying to do something that is very weird ...
User avatar
kevindanko
Rank 6
Rank 6
Posts: 31
Joined: April 1st, 2009, 11:10 am

Re: Navigation Bar Modification - from text to image

Post by kevindanko »

Because there is a custom font that I would like to use and it wont display via font
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Navigation Bar Modification - from text to image

Post by Paul »

Some custom font cannot be displayed unless you use Javascript. My suggestion use normal font will be best way to go...
User avatar
kevindanko
Rank 6
Rank 6
Posts: 31
Joined: April 1st, 2009, 11:10 am

Re: Navigation Bar Modification - from text to image

Post by kevindanko »

i used cofun to get this working.
User avatar
Paul
Development Team Leader
Development Team Leader
Posts: 1132
Joined: October 20th, 2007, 2:23 pm

Re: Navigation Bar Modification - from text to image

Post by Paul »

Nice ... :)
User avatar
rc2429
Rank 0
Rank 0
Posts: 2
Joined: August 26th, 2009, 1:09 am

Re: Navigation Bar Modification - from text to image

Post by rc2429 »

NIce query
Post Reply