How can I include this social bookmarking toolbar?

Discussion in 'HTML & Website Design' started by newrhodes, Jun 9, 2008.

  1. #1
    Hi

    Looking for some help.

    Take a look at this site http://www.odditysoftware.com/ - if you see the right side, they have a social bookmarking toolbar running top to bottom, just next to the scroll bar.

    Snooped into the source - it's an included javascript named sidebook.js
    Only thing is, I'm not sure if I can just use the same as is, and don't know enough about javascript to make any required changes.

    Does anyone know of a similar solution, or a way to implement this on any site?

    Thanks
     
    newrhodes, Jun 9, 2008 IP
  2. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #2
    nicangeli, Jun 9, 2008 IP
  3. newrhodes

    newrhodes Active Member

    Messages:
    918
    Likes Received:
    42
    Best Answers:
    0
    Trophy Points:
    68
    #3
    Nope. Addthis gives you a button to include in your page.

    I'm looking for how to set up the vertical bar outside the page - IMO that really stands out, whereas the typical solutions (addthis, or the wp-social plugins) have become so common that no one notices it..
     
    newrhodes, Jun 9, 2008 IP
  4. q7m

    q7m Well-Known Member

    Messages:
    1,178
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    150
    Digital Goods:
    1
    #4
    
    <div style="float:right">
        <ul class="bookmark-list">
            <li>bookmark link1</li>
            <li>bookmark link1</li>
            <li>bookmark link1</li>
            .............................
        </ul>
    </div>
    
    <div>
        your website here
    </div>
    
    Code (markup):
    It is actually very simple.
     
    q7m, Jun 10, 2008 IP
  5. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #5
    No need for the container div in the above code, all of the css that you would have applied to that div can go on the UL. Since <ul> and <div> are both block level elements.
     
    nicangeli, Jun 11, 2008 IP