frames with tables and hyperlinks inside them

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I have now got my menu working www.j-autos.com/online-shop,

This is an arrow accordian style menu which took some time to get working. Thanks Yola Staff on here for the advice.

Now i have the menu on all pages in my shop I need to create what you see here
http://www.scoobyparts.com/acatalog/i...
This is built in frames but im struggling making a code to make sumthing along the same lines.
Photo of darrell duke

darrell duke

  • 30 Posts
  • 0 Reply Likes
  • frustrated

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Darrell

Here is a possible tutorial that may help you that I found through Google: http://www.samisite.com/moreiframes/d...

I hope this answers your question. Please let me know if it does not.
Photo of darrell duke

darrell duke

  • 30 Posts
  • 0 Reply Likes
That still puzzles me a little , I may use some buttons instead but all the button generators av found don't seem to work well. Any suggestions as I just want a professional looking show and hyperlinks I'm currently using look poor
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
Insert this code and your links will be so much better:
<!--
<link href="http://ajax.googleapis.com/ajax/libs/..." rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/...>
<script src="http://ajax.googleapis.com/ajax/libs/...>
<script src="http://ui.jquery.com/latest/ui/effect...>
<script type="text/javascript">
var over='not';
$(document).ready(function(){
$('a').mouseover(function(){
if(over=='not')
{
$(this).animate({color:'blue', backgroundColor:'yellow'},100);
over='yes';
}
else
{
return false;
}
});
$('a').mouseout(function(){
if(over=='yes')
{
$(this).animate({color:'black', backgroundColor:'lightblue'},100);
setTimeout("changeback()",130);
}
else
{
return false;
}
});
});
function changeback()
{
over='not';
}
</script>
<style type="text/css">
a
{
font-size:1em;
background:lightblue;
color:black;
text-decoration:none;
border-radius:2px;
}
</style>
-->
Don't copy the <!-- and -->
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Kevin!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Darrell

Does Kevin's suggestion meet your needs? If not, please let us know and we can continue working with you.
Photo of darrell duke

darrell duke

  • 30 Posts
  • 0 Reply Likes
i did put it in bu it didnt do much other than add a light blue box behind my hyperlink and couldnt read the links ive n=been playing earlier check out www.j-autos.com/newage-brakes
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Darrell

What you can do if you're just wanting to create buttons is to use a banner/button making program on the Internet. I have used a few programs which worked quite nicely if you would like to give them a try: Banner Fans and Banner Maker Pro, (this is not a free program, but they do have a free trial available).

You can then link the button like this:

1. Add the button to your page, using the Picture Widget.
2. Click on the "Properties" tab in the Sidebar on the right of your screen.
3. Click on "Choose a Link" and make your selection; you will be able to choose to link to a page in your site, an outside URL, an email address or a file.
4. Click on "Apply".
5. To check that your link is working, preview your page and then click on the link.

I hope that this suggestion meets your needs.