Web Hosting Talk







View Full Version : Buttons!


CoolocityAdmin
04-16-2007, 06:06 PM
Hello again!

Ok, I'm sure some of you can relate to this...finished the website for the company within deadline, thanks to quite a bit of help from everyone in these forums (Thank you!!). Today, I get a phone call saying they want the ENTIRE front page redone (/cry). So, my image guy is on vacation (figures) and I've got to do a new set of buttons. Here was what I was thinking. I'm using FrontPage 03, and in FP, you can choose to insert interactive buttons (ie. onmouseover etc etc etc). They want to use the corporate 1 (blue) button when no mouse is over, and when mouse over, they want it to swap to corporate 6 or 7 (whichever the red one is) so that when you mouse over the button, it goes from blue to red (stands out more I guess) then when you move the mouse off, it goes back to blue.

Is this possible?

I've checked the coding after inserting 1 button in the new page and saving it, making me save 3 files for the same button to my computer. I understand that each interactive button has a different look on mouseover, but is it possible to change the entire button itself on mouse over? I would greatly appriciate any help with this guys. If I was too vague, please let me know and I will post the images to the forums and be more detailed ;)

Thanks!!

CoolocityAdmin
04-16-2007, 06:47 PM
Never mind!! I figured out how to fix the problem. I'll post just incase anyone else runs into this issue later on.

1. Create however many buttons you need (in my case 10)
2. Create 10 buttons of the other color you are going to have on mouse over
3. Make sure you have the exact same text and links all filled out, same font etc etc.
4. Host the images on whatever image host you use (www.photobucket.com is free and easy to use)
5. The setup of those FP interactive buttons is button1, button2, button1, button3, button2....thats no mouse, mouseover, mouseoff, mousedown, mouseup.
6. Now, take your first 10 buttons and put in your img src url in spot for button1, button2 and button3 you replace with your other colored button.

This is a very tedious way of doing this. If I knew how to make my img map do what I asked in the first post, I'm sure that'd be a heck of a lot easier, but this way I know for fact it will work as I already tested it out on one button in preview stage of FP. Hope this helps someone down the line!!! If Someone can think of a better way to do it, please let me know!!!!

rmfred
04-16-2007, 07:46 PM
tedious is being kind... there are numerous methods of doing this much easier. google for css image rollovers
http://www.tutorio.com/tutorial/pure-css-image-rollovers
http://wellstyled.com/css-nopreload-rollovers.html

btw: why host the images on someone elses server? put em on your own

CoolocityAdmin
04-16-2007, 08:18 PM
Lol Well, I do not know css that well (very basic like fonts and such) but I will use those two links you gave for sure, thanks! As for hosting images on someone elses, never really thought about that, I've just always used photobucket.com for so many years, never even thought of uploading the images to my own host rofl. Thanks! I'd just have to find out what the img src url was (ie. photobucket, they have the URL, HTML, and IMG SRC 1 click copy string for all stuff hosted with them, makes it very easy ;) )

I'll look into it all though, thanks m8!!