Something very simple that I cannot figureout... website badge?

Discussion in 'HTML & Website Design' started by prilep, May 22, 2010.

  1. #1
    For example if you go on: http://www.go2web20.net/twitterFollowBadge/

    You can see on the right side of the page it says FOLLOW US on a badge thats basically attached to the side. Unfortunately that generator is only for twitter. Does anyone know the code so I can attach my own image there with my own information. I am guessing it's javascript?
     
    prilep, May 22, 2010 IP
  2. IfHost

    IfHost Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yes that would be a javascript that could do that. Google it. Thats the best way to learn stuff.
     
    IfHost, May 22, 2010 IP
  3. prilep

    prilep Well-Known Member

    Messages:
    3,852
    Likes Received:
    228
    Best Answers:
    0
    Trophy Points:
    185
    #3
    I dont even know the name of that to google it lol..
     
    prilep, May 22, 2010 IP
  4. Masteroa

    Masteroa Peon

    Messages:
    54
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If I correctly understood what you mean, I think I've got a simple solution. The best and easiest way to do this is in CSS. I've tried it, and tested it on my site. Take a look if this is what you mean: http://www.brisingr.nl. The code for this would be:

    HTML (be sure this is placed outsite your container/wrapper, so preferably just after the <body> or just before the </body> tags):
    <a href="http://www.google.com/" id="badge"></a>
    Code (markup):
    CSS
    #badge {
    width: 50px;
    height: 200px;
    background-image: url(images/badge.png);
    background-repeat: no-repeat;
    position: fixed;
    right: 0; /* Change to left if you want it to float left */
    top: 50%;
    }
    
    Code (markup):

    I hope that helped.
     
    Last edited: May 23, 2010
    Masteroa, May 23, 2010 IP
    prilep likes this.
  5. prilep

    prilep Well-Known Member

    Messages:
    3,852
    Likes Received:
    228
    Best Answers:
    0
    Trophy Points:
    185
    #5
    This is exactly what i need. Thank you!!

    - Prilep :)
     
    prilep, May 23, 2010 IP