Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post

    [Request] Share Bar Style Editing!

    Hello Friends,

    I have make a sharebar preview can be check here: Check The Preview I want to edit it there is some grey bullets in the background I want to delete it and want an auto scroll up and down.

    The code I made is totally crap:

    Code:
    body ul#sharebar { display: none; position: absolute; width: 65px; float: left; background: #fff; padding: 0; text-align: center; border: 1px solid #ccc; list-style: none; margin: 0; z-index: 99; }
    body ul#sharebar li { display: block; margin: 5px; padding: 0; overflow: hidden; text-align: center; }
    .sharebar-button { font-size: 11px; font-family: Verdana, Arial; padding: 2px 4px; background: #f7f7f7; color: #444; border: 1px solid #ddd; display: block;margin: 0 0 5px; }
    .sharebar-button:hover { border-color: #aaa; }
    .FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E;}
    .FBConnectButton_Text{margin-left:12px !important ;padding:2px 5px 3px !important;}
    .stButton{margin:0 0 6px !important;}
    .stButton:last-child{margin:0 !important;}
    .stButton .stFb_vbubble { width:53px !important; }
    .stButton .stFb_text { padding: 2px 5px 3px !important; margin: 1px 1px 0 14px !important; }
    Code:
    <ul id="sharebar" 
    
    style="
    background-color: rgb(236, 245, 250); list-style: none;
    width: 80px; 
    margin-left: -90px; 
    display: block; 
    position: absolute; ">
    <li>
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="tall" href="<?php the_permalink() ?>"></g:plusone>
    </li>
    <li>
    <script>var fbShare = {
    url: '',
    size: 'large',
    google_analytics: 'true'
    }</script>
    <script src="http://widgets.fbshare.me/files/fbshare.js"></script>
    </li>
    <li>
    <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script>
    </li>
    <li class="stButton">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </li>
    <li>
    <a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
    <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
    </li>
    <li><a href="mailto:?subject=http://www.ibad.info/apple-mac-os-x-lion-available-in-the-app-store/" class="sharebar-button email">Email</a></li>
    </ul>
    Please try to make the code clean as well

    Thanking you

  • #2
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    anyone please?

  • #3
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Your link is not working

  • #4
    New Coder
    Join Date
    Jul 2011
    Posts
    53
    Thanks
    5
    Thanked 1 Time in 1 Post
    Yes because the domain is expire now and i am working on localhost!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •