Hyperlink + Flash = Easy or difficult??

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I have been reading other posts regarding my enquiry for the last 2 hours and my head hurts...
Can someone please explain to me HOW I make a Hyperlink FLASH with a particular colour or shine as in a background colour on that word only - while it still perform as a hyperlink to another page within my site??
Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
  • tired...

Posted 8 years ago

  • 1
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
So you want to have a link that goes to a page..but it flashes? Correct?
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
<!--

Ok there is two parts to this. First drag an html widget onto the top of your page and paste this into it:

<script type="text/javascript">
function init() {
window.setInterval(blink,1000);
}

function blink() {
var elm = document.getElementById('blinkDiv');
if (elm.style.color == "#ff0000")
elm.style.color = "#ffffff";
else
elm.style.color = "#ff0000";
}
</script>

Then drag another html widget where you want the link to be and paste this:

<body onload="init();" style="background-color: #ffffff;">
<div id="blinkDiv" style="color: #ff0000;">Some Text</div>

-->
Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
I have a sentence in one of my pages that ends with.. "..to see more click HERE"

The word "HERE" I have set up up as a hyperlink to redirect the viewer to the appropriate page on my site.

I would like "HERE" to either flash in colour or something of a sort...

Make sense?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks lambofgod for jumping on here :)
Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
Oh goodness no... all that's done is made half my site and tabs disappear!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm sorry to hear that Marcela. Can you try to delete the HTML code? Please let me know if you need assistance with this.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Marcela

I'm not sure if lambofgod's suggestion is what you're after? I interpreted your question a little differently. Are you wanting to create a hyperlink which changes color when you click on that link? If so, here's what you can do:

1. Drag over an HTML widget and paste in the following code:

<style type="text/css">
a {text-decoration: none; font-family:Arial; font-size: 12pt;}
a:link {color: rgb(255, 51, 204);}
a:visited {color: rgb(137, 216, 26);}
a:hover {text-decoration: none; color: rgb(0, 0, 255);}
a:active {text-decoration: none; color: rgb(51, 255, 102);}
</style>

You can substitute the rgb colors for what you want.

Please note that this will affect all the links on your page.

Please let me know if you have any trouble with this.
Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
No....... Not WHEN you click on it - in general! I want it so that when people go to that page it already loads and flashes...

Ok... let me try again... lol

I have a particular page on my side that says 'Click HERE'...

The word 'HERE' is set up as a hyperlink that when clicked, takes you to ANOTHER page on my site. All good so far...

Now....

The word 'HERE' I want to show as either flashing in colour or something similar. So when you go to this page, the word 'HERE' gets your attention and adds a bit of oomph to the page, BEFORE clicking it..

It doesn't matter if clicked or not.. I just want it animated.

Yes?
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Sorry I misread what you wanted. I will look into this for you. Off the top of my head I do not have any coding that will work. So will try to scrounge something up for ya. :)
Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
No problem... Thanks =)

I have read heaps of posts regarding similar if not the same request... but I was so bombarded with techniques I had to stop because it was giving me a headache....

Sometimes searching and searching isn't your best bet...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Marcela

Maybe the best option is to use a GIF image and create an image link to your new page?

For example:


You can find more here: http://www.animatedgif.net/sitemessag...

I know it does not say "here".. but you may be able to find something on Google.

Then, once you've located the image you want, you can upload to your file manager. Then, tweak your code for your link to look like this:

<a href="yourlinkurl.com"><img src="resources/yourimage.gif"></a>

I hope that's more in line with what you're thinking.