Loading Profile...
Mouseover Help Please
help with moseover please.
I’m Happy!
3
people have this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
-
Inappropriate?Hi i 2 have this question here is my html code
<!--
<center> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button1over.png"; staticImage1 = new Image(); staticImage1.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button1up.png"; <p style="page-break-before: always"> loadImage2 = new Image(); loadImage2.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button2over.png"; staticImage2 = new Image(); staticImage2.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button2up.png"; <p style="page-break-before: always"> loadImage3 = new Image(); loadImage3.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button3over.png"; staticImage3 = new Image(); staticImage3.src = "http://www.yotutorials.synthasite.com/resources//dnd/menu/button3up.png"; <p style="page-break-before: always"> loadImage4 = new Image(); loadImage4.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button4.png"; staticImage4 = new Image(); staticImage4.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button4up.png"; // End -->
<!--
</script> <a href="http://www.yotutorials.synthasite.com/index.php" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;"> <img name="image1" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button1up.png" border=0></a> <p style="page-break-before: always"> <a href="http://www.yotutorials.synthasite.com/tutorials" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;"> <img name="image2" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button2up.png" border=0></a> <p style="page-break-before: always"> <a href="http://www.yotutorials.synthasite.com/csl.php" onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;"> <img name="image3" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button3up.png" border=0></a> <p style="page-break-before: always"> <a href="http://www.yotutorials.synthasite.com/forum.php" onmouseover="image4.src=loadImage4.src;" onmouseout="image4.src=staticImage4.src;"> <img name="image4" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button4up.png" border=0></a> </center>
--> -
Inappropriate?Okay... this is what I have done. I went to www.cooltext.com. Make your button according to your specifications. Then download the buttons. Copy the code they give you. (Do not close the page - cuz then you can edit the button without having to redo everything for more buttons). Upload the images to your file manager. Please note: You must update your site after uploading the images to your site.
Then drag the HTML box over and paste the code into box. You will need to correct the pathway. For example:
<!--<img src="YOUR SITE URL/resources/cooltext418573000.png" onmouseover="this.src='YOUR SITE URL/resources/cooltext418573000MouseOver.png';" onmouseout="this.src='YOUR SITE URL/resources/cooltext418573000.png';" /> -->
If you have your images in a folder in your file manager, you'll need to include the folder name after resources
If you are linking your image from an image hosting place, then enter your image url.
Then, to make the button link to a page on your site, add this code before the img scr code:
<!--<a href="YOUR SITE PAGE URL">-->
I hope that helps! -
Inappropriate?I have been using
http://www.htmlbasix.com/mouseoverima...
to build the code, i am not that good at mouseoevers.
are you able to create it using the data above?7 Comments
Add a comment
This answers the question
-
Let me check it out and I'll get back to you. -
Sadly, I was not able to make it work. It did for a second but then it stopped working. I noticed that the code said that you are to put part of it into the head of the document and the rest into the body of the document. I wonder if this is the problem as we do not have access to the head? I would suggest trying some other kind of mouseover generator or use www.cooltext.com. Maybe someone else can shed light on this. I'm sorry I was not much help.
-
It works when it wants to, I wondering if Yola staff can shed some light onto this
-
Littleus is correct. It is most likely not working because you do not have access to the head of the document. You could try pasting the head code into one HTML widget and the body code into the other, but you really are better off using a different button generator.
-
If no workaround can be found, I would really encourage you to use www.cooltext.com. They have an abundance of designs and options.
-
Do you know of one that you know that works, and does it auto-maticly
Please not cooltext i don't like there designs -
Here are some suggestions:
http://flash-menu.net/menubuilder.html
http://www.isdntek.com/tagbot/menus.htm
http://www.flashvortex.com/ -
Inappropriate?look! but how do i make it become a link again?
al1 Comment Add a comment
This answers the question
-
Okay great Alex... now..go back to your code. Add this code before the img scr code.
<!--<a href="YOUR SITE URL/YOUR PAGE">-->
For example: <!--<a href="http://littleus.synthasite.com/our-journal>--> -
Inappropriate?what each , the first last?
im sorry i truely am hopeless at HTML1 Comment Add a comment
This answers the question
-
Sorry.. I should have been more clear.
You need to add this code before every img. src -
Inappropriate?thanks
-
2 Comments Add a comment
This answers the question
-
Hey Boomer, can you look at the code above from InterWebMercials? I cannot figure out why it doesn't work.
-
Give me a minute, Ok!
-
Inappropriate?thanks boomer, i always use ForSite, i never knew it was yours! so i must say a Big Thanks for creating that site!
-
Inappropriate?how do i get the purple border off?
-
Inappropriate?Currently.. you should have
<!--<a href="YOUR SITE LINK"><img scr="YOUR IMAGE LINK">-->
To make the border go away, your code will end up looking like this:
<!--<a href="YOUR SITE LINK"><img style="border-width:0px" src=YOUR IMAGE LINK">--> -
Inappropriate?Alex.. how is it working out for you?
-
Inappropriate?Hi InterWebMercials,
Have a look here so long and tell me what you think.
I'll post the code now.
http://hindsite.synthasite.com/4 Comments Add a comment
This answers the question
-
Kool, but on if you haven't noticed there is two forum and the fist one once moused over says coming soon
-
What was the code Boomer? What were we missing?
-
I G2G so i'll check this up 8ter
-
Ok, Fixed up. check it again!
-
Inappropriate?hi, my codes will b on my site soon, its gonna be a cool navigation menu!
-
Inappropriate?Hi littleus,
Got a second?2 Comments Add a comment
This answers the question
-
For you? Always! ;)
-
Sent you an email
-
This reply was removed on 04/07/09.
see the change log -
got it
-
Inappropriate?LITTLEUS! bug problem, all the text under the mouseover image is a link to the page that then image links to! NOT GOOD!
hewp =(1 Comment Add a comment
This answers the question
-
oh Alex.... okay... I'm gonna post my code from my site here. You'll have to replace all the links though. Okay?
-
Inappropriate?Ok InterWebMercials, here's the new code!
<!--
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button1over.png";
staticImage1 = new Image();
staticImage1.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button1up.png";
loadImage2 = new Image();
loadImage2.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button2over.png";
staticImage2 = new Image();
staticImage2.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button2up.png";
loadImage3 = new Image();
loadImage3.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button3over.png";
staticImage3 = new Image();
staticImage3.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button4up.png";
loadImage4 = new Image();
loadImage4.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button4over.png";
staticImage4 = new Image();
staticImage4.src = "http://www.yotutorials.synthasite.com/resources/dnd/menu/button4up.png";
// End -->
-->
<!--
</script>
<a href="http://www.yotutorials.synthasite.com/index.php" onmouseover="image1.src=loadImage1.src;"
onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button1up.png"
border=0></a>
<a href="http://www.yotutorials.synthasite.com/tutorials" onmouseover="image2.src=loadImage2.src;"
onmouseout="image2.src=staticImage2.src;">
<img name="image2" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button2up.png"
border=0></a>
<a href="http://www.yotutorials.synthasite.com/csl.php" onmouseover="image3.src=loadImage3.src;"
onmouseout="image3.src=staticImage3.src;">
<img name="image3" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button3up.png"
border=0></a>
<a href="http://www.yotutorials.synthasite.com/forum.php" onmouseover="image4.src=loadImage4.src;"
onmouseout="image4.src=staticImage4.src;">
<img name="image4" src="http://www.yotutorials.synthasite.com/resources/dnd/menu/button4up.png"
border=0></a>
-->
Leave out the <!-- at the very top.
Leave out the --> and the <!-- between ( //End --> ) and ( script )
And leave out the --> at the very end.12 Comments Add a comment
This answers the question
-
Thanks for sharing Boomer. Not sure how it is different though with the first code.
-
I didn't like the looks of all that "style="page-break-before: always"" stuff.
I've always used the above code, without fail.
It looks like quite a bit, but I spaced it out to make it easier to follow. -
Ahhh... thanks for your insight. But.. if you take a look at my test page.. I don't seem to have that "style... blah, blah blah" stuff. I'm just curious as to why it didn't work on mine. My test site is : http://rumballchick.synthasite.com
-
Looks to me like you left out the 2nd half of the code.
It should look something like this:
<!--
<a href="#" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;"> <img name="image1" src="http://i2.photobucket.com/albums/y12/rumballchick/web%20stuff/cooltext415664054.png" border=0></a>
-->
Also remember you need to number your images.....image1, image2,...etc -
P.S.
I also noticed, on your site, only the "about us" mouseover is working
correctly. Is this intentional or do yo need a hand with it? -
Hey Boomer
Ummm.. which site are you talking about?
http://littleus.synthasite.com
or
http://rumballchick.synthasite.com
If it's the rumballchick one.. don't worry about it. It's just my playing around site to help me learn how the coding works and all. But if it's the littleus site, please do let me know if the link is broken. I think it's working fine on my end. -
The code was refering to the http://rumballchick.synthasite.com/ site,
but the only mouseover button on http://littleus.synthasite.com/ that is
working for me is the "about us" button. The rest remain static! -
That's really strange!! I just checked it out.. it would appear that all my mouseovers are working. I'm gonna post a new thread and see if it's problem for other users too. Thanks for bringing it to my attention.
-
its workin for me
-
Hi boomer you made a little error with the code. i fixed it, what you did is you wrote 4 when it should of been 3
-
This comment was removed on 04/08/09.
see the change log -
Hi InterWebMercials,
Glad you picked that up - silly me.
Nice to see the code working on your site.
You are off to a great start btw. Can't wait for the launch date. -
Inappropriate?Okay! Thanks, my coding skills are getng worse =(i dont know where i would be without you!2 Comments Add a comment
This answers the question
-
Here's the code:
<!--<a href="http://littleus.synthasite.com/index">
<img style="border-width:0px" src="http://littleus.synthasite.com/resources/buttons/cooltext418218937.png" onmouseover="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418218937MouseOver.png';" onmouseout="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418218937.png';" /></a>
<br>
<a href="http://littleus.synthasite.com/about-us">
<img style="border-width:0px" src="http://littleus.synthasite.com/resources/buttons/cooltext418219028.png" onmouseover="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418219028MouseOver.png';" onmouseout="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418219028.png';" /></a>
<br>
<a href="http://littleus.synthasite.com/our-journal">
<img style="border-width:0px" src="http://littleus.synthasite.com/resources/buttons/cooltext418219098.png" onmouseover="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418219098MouseOver.png';" onmouseout="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418219098.png';" /></a>
<br>
<a href="http://littleus.synthasite.com/picture-gallery">
<img style="border-width:0px" src="http://littleus.synthasite.com/resources/buttons/cooltext418217996.png" onmouseover="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418217996MouseOver.png';" onmouseout="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418217996.png';" /></a>
<br>
<a href="http://littleus.synthasite.com/guestbook">
<img style="border-width:0px" src="http://littleus.synthasite.com/resources/buttons/cooltext418218439.png" onmouseover="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418218439MouseOver.png';" onmouseout="this.src='http://littleus.synthasite.com/resources/buttons/cooltext418218439.png';" /></a>--> -
You can take out the
if you want. It's only there to create space between the buttons. -
Inappropriate?thanks lilus! i might edit the code now but im at a different PC and im already logged in Yola at my PC!
-
Inappropriate?im back, i will test the code now.1 Comment Add a comment
This answers the question
-
I really hope it worked for you.
-
Inappropriate?IT Works! THANKS Soo Much!
al1 Comment Add a comment
This answers the question
-
Oh Wonderful!!! Can I see your results?
-
Inappropriate?yes, in 1 moment, im just editing the images!
-
Inappropriate?Littleus! i done! take a look on the homepage, P.d more will come soon!
http://yo-site.synthasite.com
al
I’m Happy!
1 Comment Add a comment
This answers the question
-
Great job Alex. If I could make a teensy weensy suggestion about your button? I would add a background color so that it blends into your site's colour without having that white border around it. Do you have a colorpicker? This is a tool that allows you to know what the hex or RBG numbers are when you point to a color on your site. This will mean having to redo the button again and doing the whole process again though.
-
Inappropriate?yes, i have done that now, im adding 1 more BTn just wait, thats what i was tinkering with, b 1 mo!
-
Inappropriate?LITTLEUS! big problem, my new image is jamming. try the contact us at
http://yo-site.synthasite.com (dont click, its not the right link yet)
whats up?1 Comment Add a comment
This answers the question
-
You didn't type in the full code.
replace your "onmouseout" with this:
<!--onmouseout="this.src='YOUR IMAGE URL';" /></a>--> -
Inappropriate?i just copied and pasted the one from the "Library" one!1 Comment Add a comment
This answers the question
-
Your library codeis fine! Probably what happened is when you pasted in your image url, you accidentally covered up part of that code.
-
Inappropriate?oops, i will check that, sounds just like the kinda thing i would do!
-
Inappropriate?This is somewhat of a difficult task, First insert the code for the image, then insert the code for the mouse over. So it will light up.
I’m happy
1 Comment Add a comment
This answers the question
-
okay, ohh and im realy sorry about yesterday, it wont happen agin.
-
Inappropriate?Please help my code does not work
<center> <!--
Begin image1 = new Image(); image1.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata
/menu/blog2.png";
image2 = new Image(); image2.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/bio2.png";
image3 = new Image(); image3.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/photo2.png";
image4 = new Image(); image4.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/guesbook.png";
image5 = new Image(); image5.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/contact2.png";
image6 = new Image(); image6.src = "http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/sponsor2.png"; // End -->
-->
<!--
<BODY>
<a href="http://www.<a href="http://www.thechristianjourney.synthasite.com/">http://www.thechristianjourney.syntha...</a>" onmouseover="image1.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/blog2.png';"onmouseout="image1.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/blog.png';"> <img name="image1" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/blog.png" border=0></a>
<a href="http://www.thechristianjourney.synthasite.com/bio.php" onmouseover="image2.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/bio2.png';" onmouseout="image2.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/bio.png';"> <img name="image2" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/bio.png" border=0></a>
<a href="http://www.thechristianjourney.synthasite.com/photos.php" onmouseover="image3.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/photo2.png';" onmouseout="image3.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/photo.png';"> <img name="image3" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/photo.png" border=0></a>
<a href="http://www.thechristianjourney.synthasite.com/guestbook.php" onmouseover="image4.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/guesbook.png';" onmouseout="image4.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/guestbook.png';"> <img name="image4" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/guestbook.png" border=0></a>
<a href="http://www.thechristianjourney.synthasite.com/contact-me.php" onmouseover="image5.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/contact2.png';" onmouseout="image5.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/contact.png';"> <img name="image5" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/contact.png" border=0></a>
<a href="http://www.thechristianjourney.synthasite.com/sponsor/php" onmouseover="image6.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/sponsor2.png';" onmouseout="image6.src='http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/sponsor.png';"> <img name="image6" src="http://www.thechristianjourney.synthasite.com/resources/sitedata/menu/sponsor.png" border=0></a>
</BODY>
</center>
-->
If there is something wrong with the code if possible could you rebuild it please</center> -
Inappropriate?you have the same image as mouse over and mouse out for the guestbook - go check that - apart from that it works fine , whats the problem exactly?4 Comments Add a comment
This answers the question
-
PS and the blog link has 2x http://www. - this needs editing also
-
they don't work in flock.
-
get a better browser. they work except for the issues i mentioned above -- MAYBE and thats a big maybe if you fix the guest book issue it may work in Flock - works great in FF. Lee.
-
not working at all, i have sent an email inquiring about it to Flock
-
Inappropriate?i have never heard of flock,
i aggree with The Duke, download a better browser, flock is s small browser UE and FF are bigger and everything works.1 Comment Add a comment
This answers the question
-
Hi Alex, Flock is a growing broswer and works and is listed as compatable with yola as said on there site.
I am happy and will not change broswers
EMPLOYEE
CHAMP
CHAMP
