Bootstrap Templates Bundle

Tuesday, January 15, 2013

Floating Facebook like button


<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"

href="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.css" />

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script

src="http://www.dynamicdrive.com/dynamicindex17/jquery.easing.1.3.js"></script>
<script src="http://www.dynamicdrive.com/dynamicindex17/dropincontentbox.js">

/***********************************************
* Drop In Content Box (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script>

var dropinbox1=new dropincontentbox({
source:['#dropbox',

'http://www.dynamicdrive.com/dynamicindex17/dropincontent.htm'], //#id of DIV to

show if defined inline, or [#id, path_to_box_content_file] if defined in external

file
cssclass:'dropinbox standardshadow', //arbitrary class(es) to add to the

drop in box to style it
showduration:10 //disappear after x seconds?
})

var dropinbox2=new dropincontentbox({
source:'#reminder', //#id of DIV to show if defined inline
cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
fx:'easeInExpo', //alternate drop animation keyword
pos:[-20, -20], //custom position of drop in box
deferred:1 //show box 1 sec after page has loaded
})

</script>
</head>
<body>
<div id="reminder">

<iframe style="overflow: visible;"

src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com

%2Fpages%2FCdnews24com

%2F196618787024224&amp;width=252&amp;height=102&amp;colorscheme=light&amp;show_fa

ces=true&amp;border_color&amp;stream=false&amp;header=false" frameborder="0"

scrolling="no" width="252" height="102"></iframe></div>

<a style="position: fixed; bottom:5px;right:5px;"

href="javascript:dropinbox2.show()">Facebook</a>

</body>
</html>

Source: http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

No comments:

Post a Comment

Best Pest Control WordPress Themes 2017

A collection of best pest control WordPress Themes for pest control service providers.  Link:   https://devitems.com/review/best-pest-co...