Embedded Link

[leehack]

Hi All

Hope you had a great Christmas.

I can't see the wood for the trees on this one.

I want to embed some HTML on some selected products in my catalogue. I have mastered the basic embedding, just this one task that's had me.

I want the words "VIDEO CLIP" to show in green and bold and when clicked it will go to a video clip stored on my server. I can point to it if i show the full link, however that is very long. I'm sure it's something to do with AHREF or something alike, suffice to say it's beaten me.

I'd appreciate any help.

Many thanks

Lee

[Kermy]

You want something like this:

!!<<a href="videoclip.mpg" target="_blank" style="color:green;font-weight:bold">VIDEO CLIP</a>>!!

obviously replacing videoclip.mpg with the name of the file. This will load the clip in a new window.

[leehack]

You want something like this:

!!<<a href="videoclip.mpg" target="_blank" style="color:green;font-weight:bold">VIDEO CLIP</a>>!!

obviously replacing videoclip.mpg with the name of the file. This will load the clip in a new window.

Many thanks Kermy.

Couple of things if you don't mind. How do i get it to underline so it looks like a hyperlink? or is that my css overriding. It underlines on "hover over", but not in "up" state.

Also having see it now, i think a button would work ok too, if i designed a button, can i insert that also with a link to the file?

Cheers for your help, was blowing my mind.

[Kermy]

I did that line so it should be bold and green in any state, but to get proper link effects, do this:

!!<<a href="videoclip.mpg" target="_blank" class="video">VIDEO CLIP</a>>!!

Then, find the CSS file through the template manager and add this to the end of the file:

a.video:link {color:green;font-weight:bold;text-decoration:underline}
a.video:visited {color:green;font-weight:bold;text-decoration:underline}
a.video:hover {color:green;font-weight:bold;text-decoration:underline}
a.video:active {color:green;font-weight:bold;text-decoration:underline}

If you want a clickable image, then just insert the <img> tag where the text would be, like this:

!!<<a href="videoclip.mpg" target="_blank"><img src="clip.jpg" alt="View Video" /></a>>!!

[leehack]

Many thanks Kermy, fantastic help. Much appreciated.