PDA

View Full Version : 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/dynamicindex4/imagebubbles.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;
<!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 :)

Dead Man
03-25-2013, 09:42 PM
Oh okay thanks for that information. Really appreciated.