Skip to content

Instantly share code, notes, and snippets.

@subhashdasyam

subhashdasyam/index.html

Last active January 30, 2017 19:26
Show Gist options
  • Save subhashdasyam/948d10c3e39d9cd5a151a3559bdb176d to your computer and use it in GitHub Desktop.
Save subhashdasyam/948d10c3e39d9cd5a151a3559bdb176d to your computer and use it in GitHub Desktop.
Download ZIP
Floating Bubble
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="https://cdn.rawgit.com/subhashdasyam/6504ee6d41ad4ef179308ec49cb76800/raw/87903a06a737590da2d8fdfe754471f0d9b66b65/kc_fab.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.rawgit.com/subhashdasyam/ba2b8b862c0fc69d343dd1a7f75c51ea/raw/1be1ca66a51c2f5a645d83e3d1b036287793f467/kc_fab.js"></script>
</head>
<body>
<div class="kc_fab_wrapper" ></div>
<script>
//Change values below
$(document).ready(function(){
var links = [
{
"bgcolor":"red",
"icon":"<i class='fa fa-comments'></i>"
},
{
"url":"http://www.example.com",
"bgcolor":"red",
"color":"#fffff",
"icon":"<i class='fa fa-phone'></i>",
"target":"_blank"
},
{
"url":"http://www.example.com",
"bgcolor":"black",
"color":"white",
"icon":"<i class='fa fa-music'></i>"
}
]
$('.kc_fab_wrapper').kc_fab(links);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment