What is a working CSS tag for a navigation bar with animated tabs?

adkona · 07-20-2009, 06:53 PM

Does anyone know a good CSS tag for a navigation bar with animated tabs? I just need an example. I can do the images in photoshop but I can't seem to find a tag that works.

wayfarer · 07-20-2009, 08:14 PM

There is no such thing as a CSS tag. There are HTML tags, but not CSS ones. CSS is used to style tags.

If you are going to actually animate stuff, you will need some JavaScript to do it. As for simple hide/show, you can do that with CSS alone, but the :hover event only works on <a> elements in IE6 and prior, so this must be considered if you are going to support that browser (it still has a significant amount of users).

In the meantime, if I were you, I would check out how Suckerfish Dropdowns work. This may not be exactly what you need, but learning how they function will likely help you build what you need.

Richard Whyte · 07-21-2009, 02:44 AM

adkona

When you say animated tabs, do you mean that they change when you roll over them, or that they are in constant change all the time on the page?

With CSS, you can have tabs that animate because you can change what the background image is. Just use an animated gif if you want to...

I am working on a site right now for one of my clients that when you move around in the menu, the background image changes. This highlights the selection they are over in the menu.... A visual cue...

This is fairly standard stuff in CSS when you are building menu. If you Google CSS menu examples, you will find some interesting ones that you can modify to your look and feel.

Have a Great Day!

staffelseo · 07-25-2009, 10:27 PM

drop down css tags, but i rather cose java script naviagation for they are more sleek

07-20-2009, 06:53 PM	#1
adkona Warrior Member Join Date: Jul 2009 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	What is a working CSS tag for a navigation bar with animated tabs? Does anyone know a good CSS tag for a navigation bar with animated tabs? I just need an example. I can do the images in photoshop but I can't seem to find a tag that works.
	toy story 2 Best Web Hosting

07-20-2009, 08:14 PM	#2
wayfarer Web Developer Join Date: Nov 2008 Location: Asheville, NC USA Posts: 420 Thanks: 18 Thanked 57 Times in 51 Posts Social Networking	Re: What is a working CSS tag for a navigation bar with animated tabs? There is no such thing as a CSS tag. There are HTML tags, but not CSS ones. CSS is used to style tags. If you are going to actually animate stuff, you will need some JavaScript to do it. As for simple hide/show, you can do that with CSS alone, but the :hover event only works on <a> elements in IE6 and prior, so this must be considered if you are going to support that browser (it still has a significant amount of users). In the meantime, if I were you, I would check out how Suckerfish Dropdowns work. This may not be exactly what you need, but learning how they function will likely help you build what you need.
	Wayfarer \| join me on StoryBlorg

07-21-2009, 02:44 AM	#3
Richard Whyte HyperActive Warrior Join Date: Dec 2008 Posts: 319 Thanks: 12 Thanked 51 Times in 44 Posts Social Networking Contact Info	Re: What is a working CSS tag for a navigation bar with animated tabs? adkona When you say animated tabs, do you mean that they change when you roll over them, or that they are in constant change all the time on the page? With CSS, you can have tabs that animate because you can change what the background image is. Just use an animated gif if you want to... I am working on a site right now for one of my clients that when you move around in the menu, the background image changes. This highlights the selection they are over in the menu.... A visual cue... This is fairly standard stuff in CSS when you are building menu. If you Google CSS menu examples, you will find some interesting ones that you can modify to your look and feel. Have a Great Day!
	Richard Whyte - Website Design, Search Engine Optimization and Online Marketing - WebYabber.com, Read my Blog - richard-whyte.com, Easy Sales Page Creator - Power Sales Page Creator

07-25-2009, 10:27 PM	#4
staffelseo Pacific ocean treasurer!! War Room Member Join Date: Jul 2009 Posts: 60 Thanks: 17 Thanked 7 Times in 4 Posts	Re: What is a working CSS tag for a navigation bar with animated tabs? drop down css tags, but i rather cose java script naviagation for they are more sleek