Image Bubbles effect AND Site Logo/ Watermark Script

**Dead Man** · 03-25-2013, 11:16 AM

1) Script Title: Image Bubbles effect AND Site Logo/ Watermark Script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...agebubbles.htm
http://www.dynamicdrive.com/dynamicindex4/logo.htm

3) Describe problem: I want the Site Logo/ Watermark Script but I want to apply the bubble effect to it, so I can basically have the Add To Facebook, Add to Twitter, etc appear in the corner all the time.
Can someone please help me combine these 2 scripts? Would really appreciate it.

Sort of same thing above but Basically I want the Bubble Buttons for Facebook, Twitter, ETC to appear in the corner all the time like how the Site Logo/ Watermark Script does.

**Beverleyh** · 03-25-2013, 01:00 PM

No need to merge 2 scripts - just use the bubble effect one and place your social media icons in a fixed corner div - like this;

Code:

<!DOCTYPE HTML>
<html>
<head>

<style type="text/css">
#corner {
position:fixed;
bottom:0;
right:0;
border:1px solid red;
}
</style>

</head>
<body>

<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>
<p>blah, blah</p>

<div id="corner">
<p>Something in this corner - fixed</p>
</div>

</body>
</html>

If you need more help, please post a link to your page.

**Dead Man** · 03-25-2013, 08:53 PM

Wow that was simple thanks. Really appreciated.

Just a quick question though. Is there a difference in your way and the way they do it in this script "Site Logo/ Watermark Script"?

If not than why so much stuff in that script when one can just use your simple way.

**Beverleyh** · 03-25-2013, 09:35 PM

I'm not exactly sure but I think the JavaScript way offered a smoother effect in "lesser" browsers. The script came out in 2009 and I seem to remember the CSS way causing a shivering/juddering effect in IE6 (maybe IE7 too) when you scrolled down the page. Like the browser had problems re-drawing the position? The JavaScript way offered a smoother alternative back then. I think IE8 and IE9 just handle the CSS much better now