imagebased navigation with changing on mouse over..can i do it?

Hi!

I´m designing a website for my friends rock band and i was wondering is there a way i could do a inline navigation where i could use other than windows fonts and on mouse over it would do something "cool" I think all those links would have to be sliced in different images, or correct me if i´m wrong. Or can it be done at all? And how about the coding and css file`? if u have good tutorials. I´d apprciated those. I hope u understood what i ment.

Thanks in advance!

HDaddy

 

Hey HDaddy,
This is a tutorial I've seen a few days ago and it really helped me with creating a smart image rollover.
http://www.findmotive.com/2006/10/31/simple-css-image-rollover/

 

Thanks silverblade...i`ll try this one and see if it works for my purposes..

 

Well if you want custom fonts, than flash is the way to go, as it embeds custom fonts within the swf file. Alternatively, you could use a css to create a menu with hover images.

Anyway pm me if you need more info.

 

I would use CSS. Can easily change fonts

a.f1:link {
color: blue;
text-decoration: underline;
font-weight: normal;
}
a.f1:visited {
color: blue;
text-decoration: underline;
font-weight: normal;
}
a.f1:hover {
color: red;
text-decoration: underline;
font-weight: bold;
}

that's just a basic hover code for href tags

 

thanks for the help jgjg.. But i´m still confused, how do i put in the html code?
Do i just put classes after another like this:
<div class="navi">
<div class="a.home">
<div class="a.band">
<div class="a.pics">
<div class="a.links">
etc. etc.
I´m quite new to css and things are still difficult to me. So how´s the html code put. Really thanks for your help so far.

HDaddy

 

You can find some useful tutorials at http://www.w3schools.com/css/default.asp

If you are new with web development i'm suggesting to use a program like Macromedia Dreamweaver or Microsoft Frontpage; it will help you a lot.

 

Well i´ve learned css for only 3 months now...but i´ve taken html courses earlier. And i´m using notepad for coding. I´ve done only one site with css so that´s why i don´t know all the stuff. I´ve visited w3schools and found it very helpful.

 

you would put something like:

a href="home.html" class="f1"

etc...you just add class code to the hyperlinks and have the CSS either in the CSS section at the top of the page or in an external css sheet.

I recommend www.tizag.com if you need basic css help

 

thanks jgjg for reply...i forgot all about this thread, and i forgot to ask admin to close it. I found and answer earlier my self. Thank to everyone for their help. I´ll ask for closery now.

HDaddy

 

one question? How do i ask to close this thread. I couldn´t find a link.

 

Ask a moderator or one of the administrators if they can close it for you.

But as a bit of advice, if you're going to code a menu, use an unordered list, and style it with CSS. You'll still be able to use the image rollover technique with it (it's a good idea to set the UL and LI margin and padding to 0 though)

 

thanks Dan. I´ll do that. I used this article from ALA as an help.
I think it very handy.
http://alistapart.com/articles/sprites

 

Yeah, Dave Shea's pretty good with stuff like this. Before the thread gets locked though, you might want to take a look at this:

http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded

It was written by SitePoint Forum Advisor (think "moderator") Paul O'Brien. From what I understand, one of the other contributers to S-T will be writing an article on how to code the back-end to compliment Paul's article.

Sorry about the off-topic post, but I thought you'd be interested in reading this as well.

 

Feeling kinda stupid today ;D Can´t find any moderator list, or a member who is a mod. where do i live a message to a mod?

 

There is another way around it. I'm not sure how the DP staff would respond to you doing it, but you could always go to the top of the thread where your original post is, and click on the little triangle wtih the exclaimation mark, and ask them to lock your thread that way (along with asking what would be the best way to contact them in the future).

 

thanks! i´ll do it now.

 

No problem (hopefully).