WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Facebook box positioned over a mapped image? (2 posts)

  1. NOTrdy
    Member
    Posted 2 years ago #

    Hi, is there a way to do this? I have an example in the sidebar on suziscrafts.com (test1).
    The code i got is iframe from facebook and a mapped image that i want to use as a background, with facebook box positioned over the top of the image. Is this even possible with the codes i got? How can i combine the codes to make bolth elements work togather?

    <p style="padding:10px 10px 0px 92px;">
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSuzis-Crafts%2F272235046158556&width=165&height=62&colorscheme=light&show_faces=false&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:165px; height:62px;" allowTransparency="true"></iframe></p>
    
    <img src="http://suziscrafts.com/wp-content/uploads/2012/01/Socialwidget2.png" width="271" height="156" border="0" usemap="#map" />
    
    <map name="map">
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
    <!-- #$-:Please do not edit lines starting with "#$" -->
    <!-- #$VERSION:2.3 -->
    <!-- #$AUTHOR:Jason -->
    <area shape="circle" coords="230,118,24" href="http://feeds.feedburner.com/SuzisCrafts" />
    <area shape="circle" coords="164,118,27" href="http://plus.google.com/b/105899519504384218077/" />
    <area shape="circle" coords="102,117,26" href="http://twitter.com/suzis_crafts" />
    <area shape="circle" coords="39,117,26" href="http://www.facebook.com/pages/Suzis-Crafts/272235046158556?sk=app_137541772984354" />
    </map>
  2. NOTrdy
    Member
    Posted 2 years ago #

    Ok with the help of a friend I finally got it figured out. I needed to change the iframe to the html5 version and add a style="" to bolth the image and facebook.

Topic Closed

This topic has been closed to new replies.

About this Topic