...

View Full Version : [Request] Share Bar Style Editing!



unleash
07-25-2011, 08:53 PM
Hello Friends,

I have make a sharebar preview can be check here: Check The Preview (http://t-clicks.com/test/feed-testing/) 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:


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; }




<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 :)

unleash
08-17-2011, 02:59 PM
anyone please?

vikram1vicky
08-17-2011, 03:36 PM
Your link is not working

unleash
08-17-2011, 07:04 PM
Yes because the domain is expire now and i am working on localhost!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum