Hello. In this tutorial you will find how to add a facebook icon in the bottom left hand corner of your page, using DIV Positioning.
Firstly, I need you to go to
ACP - Display - Homepage - Generalities - Homepage message
In there, I need you then to paste the following code
Where it says "Your Facebook Link" put the link to your facebook group.
Ofcourse if you want you can change the size of the image by changing the "Height" and the width" from 20. If you wish to also, you can change the position of the icon it'self by changing the 96% and the 53px to different numbers, you can experiment with this, you should eventually get the hang of it.
The script is very easy really, To get it's position we just simply use div positioning which allows us to place it anywhere on the page, then we just add the image and our link.
I hoped you like this tutorial, any questions dont hesitate to ask.
Firstly, I need you to go to
ACP - Display - Homepage - Generalities - Homepage message
In there, I need you then to paste the following code
Code:
<style type="text/css">
img {
border:none;
}
</style><div style="position: fixed; top: 96%; left: 53px;">
<a href="your facebook link"><img src="http://www.reactivityshop.com/links_images/Facebook_icon_small.png" height="20" width="20" /></a>
</div>Where it says "Your Facebook Link" put the link to your facebook group.
Ofcourse if you want you can change the size of the image by changing the "Height" and the width" from 20. If you wish to also, you can change the position of the icon it'self by changing the 96% and the 53px to different numbers, you can experiment with this, you should eventually get the hang of it.
The script is very easy really, To get it's position we just simply use div positioning which allows us to place it anywhere on the page, then we just add the image and our link.
I hoped you like this tutorial, any questions dont hesitate to ask.
