View Single Post
06-10-2011, 08:12 AM
#10
krymson is offline krymson
krymson's Avatar
Status: I'm new around here
Join date: Dec 2010
Location: Houston, USA
Expertise: SEO, Design, Programming
Software: Dreamweaver & Notepad++
 
Posts: 22
iTrader: 0 / 0%
 

krymson is on a distinguished road

Send a message via Skype™ to krymson

  Old

According to their stuff, which is actually quite simple...

the CSS

Code:
#socializethis{background:#CCC;border:solid 1px #666;border-width:1px 0 0 1px;height:15px;width:260px;position:fixed;bottom:0;right:0;padding:2px 5px;overflow:hidden;-webkit-border-top-left-radius:12px;-moz-border-radius-topleft:12px;border-top-left-radius:12px;-moz-box-shadow:-3px -3px 3px rgba(0,0,0,0.5);-webkit-box-shadow:-3px -3px 3px rgba(0,0,0,0.5);box-shadow:-3px -3px 3px rgba(0,0,0,0.5);}

#socializethis a{float:left;width:32px;margin:3px 2px 2px 2px;padding:0;}

#socializethis span{float:left;margin:2px 3px;text-shadow:1px 1px 1px #FFF;color:#444;font-size:12px;}
The HTML

Code:
<div id="socializethis" style="opacity: 0.7; height: 35px; display: block; width: 260px;">
<span>
<div id="sicons">
<a id="twit" title="Share on twitter" href="http://twitter.com/home?status=make%20an%20image%20move%20when%20the%20page%20scrolls%20%20http://csscreator.com/node/28676#comment-125403">
<a id="facebook" title="Share on Facebook" href="http://www.facebook.com/sharer.php?u=http://csscreator.com/node/28676#comment-125403">
<a id="digg" title="Share on Digg" href="http://digg.com/submit?phase=2&url=http://csscreator.com/node/28676#comment-125403&title=make%20an%20image%20move%20when%20the%20page%20scrolls%20">
<a id="stumbleupon" title="Share on Stumbleupon" href="http://stumbleupon.com/submit?url=http://csscreator.com/node/28676#comment-125403&title=make%20an%20image%20move%20when%20the%20page%20scrolls%20">
<a id="delicious" title="Share on Del.icio.us" href="http://del.icio.us/post?url=http://csscreator.com/node/28676#comment-125403&title=make%20an%20image%20move%20when%20the%20page%20scrolls%20">
<a id="buzz" title="Share on Buzz" href="http://www.google.com/reader/link?url=http://csscreator.com/node/28676#comment-125403&title=make%20an%20image%20move%20when%20the%20page%20scrolls%20&srcURL=csscreator.com">
</div>

This is used for informational purposes only, if you do decide to replicate any copyright action, if any, i ma not responsible for, this was to show you how they did it