Skip to content

Instantly share code, notes, and snippets.

@DeskSupport

DeskSupport/Insert in <head> tag

Created April 4, 2012 17:55
Show Gist options
  • Save DeskSupport/2304266 to your computer and use it in GitHub Desktop.
Save DeskSupport/2304266 to your computer and use it in GitHub Desktop.
Download ZIP
Desk.com Contact Us Button
Raw
Insert in <head> tag
<link rel='stylesheet' href='http://jacklmoore.com/colorbox/example1/colorbox.css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src='http://jacklmoore.com/colorbox/colorbox/jquery.colorbox.js'></script>
<script>
$(document).ready(function(){
$(".80percent").colorbox({width:"480px", height:"640px", iframe:true});
});
</script>
<style>
body {
font: normal normal 13px/normal 'Helvetica Neue', Arial, sans-serif;
}
.sidebar {
top: 235px;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(67, 141, 198);
color: rgb(255, 255, 255);
font: normal normal bold 14px/normal 'Helvetica Neue', Arial, sans-serif;
overflow-x: hidden;
overflow-y: hidden;
height: 28px;
cursor: pointer;
z-index: 10000;
text-decoration: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
left: 0px;
padding-top: 15px;
padding-right: 13px;
padding-bottom: 0px;
padding-left: 13px;
position: fixed;
margin-left: -37px;
background-position: initial initial;
background-repeat: initial initial;
}
.sidebar:hover{
margin: 0px 0px 0px -32px;
}
#container {
margin-left:200px;
width:350px;}
</style>
Raw
Insert right after <body> tag
<a id="supportBar" href="http://yoursite.desk.com/customer/widget/emails/new" class="sidebar 80percent">Contact Us</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment