I'm working on this share button from addthis, I'm trying to figure out how to move it around. I want to move it to the center of the screen like the image shows.

I want to put it in the spot where the circle at...

Image and code below.

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:media="http://overthelimitentertainment.com/IMAGE.jpg" pi:pinit:layout="vertical"></a>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=taffe3000"></script>
<!-- AddThis Button END -->

Views: 886

Reply to This

Replies to This Discussion

Anthony,

The way it is being added with float and position, I don't think you'll be able to center it perfectly. You can try testing these numbers for better placement.

left:50px;top:50px;

But keep in mind, the buttons will be placed in different locations, depending on user's screen resolution. The best way to place this type of DIV is with left:0px, so it's tight to left edge of screen.

Best,

Jen

Thanks Jen,

I was trying to see if I could set it up like Mashable....see link below. I think when its near to the content, it will be more noticeable.

http://mashable.com/2012/10/26/media-summit-one-week/

RSS

Members

© 2019   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips