Skip to main content

Add a floating social media bar to your website


First declare a div called wrap

<div id="wrap">test</div>

<script>
//append html to this div wrap....it will add a new floating div with social media buttons
jQuery("#wrap").append('<div id="floatbutter">Follow us on:<a href="http://www.facebook.com/devopstech"><img src="./sites/all/images/fb.png" alt="Facebook" width="42" height="42"></a><a href="https://twitter.com/DevOpsTech"><img src="./sites/all/images/twitter.png" alt="Twitter" width="42" height="42"></a><a href="https://twitter.com/DevOpsTech"><img src="./sites/all/images/google+.png" alt="Google+" width="42" height="42"></a></div>');

//apply style to that div floatbutter
jQuery("#floatbutter").css({
'position':'fixed',
'bottom':'0px',
'height':'50px',
'width':'100%',
'padding':'5px',
'margin-left':'15px',
'margin-bottom':'0px',
'background':'grey',
'z-index':'100',
'font-weight': 'bold',
'text-shadow': '1px 1px 0px #fff',
'font-family': 'Arial Rounded MT Bold'
});
jQuery("#floatbutter a").css({'margin':'5px'});
</script>

The icons used are here:
 


Comments

Post a Comment

Popular posts from this blog

Tally server gives license information while doing integration

When tally server gives this response <!DOCTYPE html><html><body><RESPONSE>License server is Running<br><br><b>Product : </b>Tally.ERP 9<br><b>Serial number : </b>xxxxxxxxxx<br><b>License state : </b> Permanent License<br><br><b>Product : </b>Tally.Developer 9<br><b>Serial number : </b>(Not Applicable)<br><b>License state : </b> No License<br><br><b>Product : </b>Shoper 9<br><b>Serial number : </b>(Not Applicable)<br><b>License state : </b> No License<br><br><b>Product : </b>Tally.Server 9<br><b>Serial number : </b>(Not Applicable)<br><b>License state : </b> No License<br></RESPONSE></body></html> problem maybe with the port number given in the tally advanced configuration settings. Try integrat...
Post a Comment
Read more

Taking Backup of contacts in iPhone

Here is how to back up your  iPhone  contacts on a PC.  1) Open i-tunes on your computer that you sync it to 2) Plug in your iPhone to the PC 3) open "Address book" window's address book program. Kinda lame, but it works. Its under start-programs-accessories - Back to  iTunes , click on the phone icon on the left - Click on the Info, and under "Contacts" (the first one) check "sync contacts from" and then pick "Windows address book" from the drop down menu - Click all contacts - Then at the bottom right of  iTunes , click "Sync" It will ask you if you want to merge or replace. Make sure you select "MERGE" or it will delete your contacts on the phone.  Thats it, check your Windows Address Book and everything should be there. All the numbers and emails that you have put so much time into adding to your phone. Pretty nice. So, from now on, if you add contacts to the phone it will back up to the Computer and the Co...
Post a Comment
Read more