edit facebook "like it" button with javascript

Discussion in 'JavaScript' started by Tomas Teicher, Aug 22, 2010.

  1. #1
    Hi, is this possible?
    I would like to change style of facebook buttons. I cannot do it with css maybe it is possible with javascript. But I do not know, how to edit it because like button is external iframe. Is it somehow possible?
    thanks
    Tomas
     
    Tomas Teicher, Aug 22, 2010 IP
  2. Oxyden

    Oxyden Greenhorn

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    If the facebook like it button is in another iFrame I imagine this would be impossible. Have you tried a google search?

    The default style isn't bad anyway it's more recognisable by users as being a facebook like button so they would be more inclined to click on it.
     
    Oxyden, Aug 23, 2010 IP
  3. cuteprince85

    cuteprince85 Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #3
    didn't find anything about it :( yet
    But you can design your own something like this ,there are many ways :)
     
    cuteprince85, Aug 23, 2010 IP
  4. abdultsitsopoulos

    abdultsitsopoulos Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I don't think it can be done.
     
    abdultsitsopoulos, Aug 23, 2010 IP
  5. anands

    anands Well-Known Member

    Messages:
    436
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    120
    #5
    even i think it is not possible. but if you find something, post it here ;-)
     
    anands, Aug 23, 2010 IP
  6. Tomas Teicher

    Tomas Teicher Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    thanks for all replys,
    I think, it is not possible, too
    I stopped searching for solution now
    Tomas
     
    Tomas Teicher, Aug 24, 2010 IP
  7. camjohnson95

    camjohnson95 Active Member

    Messages:
    737
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    60
    #7
    Scratch that. You could somewhat change the color by positioning a div over the button that has its transparency set to about 50%...
     
    Last edited: Aug 24, 2010
    camjohnson95, Aug 24, 2010 IP
  8. camjohnson95

    camjohnson95 Active Member

    Messages:
    737
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    60
    #8
    CSS
    
            #container {
                position: relative;
            }
            #overlay {
                position: absolute;
                top: 0px;
                left: 0px;
                opacity: .3;
                background-color: red;
                width: 450px;
                height: 80px;
                filter:alpha(opacity=30);
            }
    
    Code (markup):
    HTML:
    
        <div id="container">
        <div id="overlay"></div>
        <iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
            scrolling="no" frameborder="0"
            style="border:none; width:450px; height:80px"></iframe>
            Test
        </div>
    
    Code (markup):
    Also facebook allows you to change things like font type and size etc. here:
    http://developers.facebook.com/docs/reference/plugins/like
     
    camjohnson95, Aug 24, 2010 IP
  9. Tomas Teicher

    Tomas Teicher Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    thanks for reply
    yes, I can set style to whole iframe, but I cannot affect its content. I would like to change position of some divs inside iframe.
    thank for answer
    Tomas
     
    Tomas Teicher, Aug 25, 2010 IP