Home>Support>Green with html.

Green with html.

By PMarie, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi. I sent my question tonight to your support email address, but noticed this Forum. Page Builder by SiteOrigin is awesome. So easy! Thank you!

I just learned how to embed a link in a graphic WITHIN a graphic (a star image is linked to another site, but the background is not linked). Are there any resources you suggest on how to construct the code to work in Page Builder Visual Editor Widget? I’ve tried a few things, but frankly, I have no idea what I’m doing! I don’t know how to code and its obvious I’m missing something for it to work. I use WP Weaver II.

It would be so cool if you could lead me in the right direction! : )

 <html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="PaintShop Pro">
<title>	</title>
</head>
<body>

<img name="webstar0" src="webstar.gif" width="200" height="202" border="0" usemap="#webstar" alt="" />

<map name="webstar">
<area shape="poly" coords="68,114,63,131,51,164,49,176,100,139,152,177,151,164,134,114,183,78,120,73,102,16,80,73,16,75" href="http://isitecreative.com" alt="Star to isite"
	onClick="if(document.images) document.webstar0.src='webstar.gif';" >
</map>

</body>
</html>

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi PMarie

    Thanks for reaching out.

    Perhaps try using the Text widget in Page Builder to add this. It’s a little simpler in that you don’t need to worry about switching between the Visual and Text tabs.

    The bit you need to add is:

    <img name="webstar0" src="webstar.gif" width="200" height="202" border="0" usemap="#webstar" alt="" />
    
    <map name="webstar">
    <area shape="poly" coords="68,114,63,131,51,164,49,176,100,139,152,177,151,164,134,114,183,78,120,73,102,16,80,73,16,75" href="http://isitecreative.com" alt="Star to isite"
    	onClick="if(document.images) document.webstar0.src='webstar.gif';" >
    </map>
    

    webstar.gif, that will need to be changed the full publicly accessible link to your image. If you’d uploaded your image to the Media Library you can navigate there, click on it and copy the URL from the right column meta box.

    Hope that helps :)

  2. 9 years, 4 months ago PMarie

    Thank you, Andrew! It worked perfectly. It’s so much fun to learn new things. Where may I donate?

  3. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Glad to hear that did the trick.

    Thanks for your generous offer. We unfortunately don’t have a donate link setup at the moment. Check out our Widgets Bundle plugin if you haven’t already: http://wordpress.org/plugins/so-widgets-bundle/. Your support is enough thanks :)

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More