Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
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>
<!-- AddThis Button END -->
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.
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.
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.