How to add a fixed button to your site
|
This is a quick tutorial about how to add a
button to the left hand side of the screen that remains fixed when the
page is scrolled.
This tutorial is done in version 2 of XsitePro |
| Here is a screenshot of the finished button,
click the image for a live preview. |
 |
| First things first we need to add some code in
the header of the template to make it work. |
| Go to |
 |
then |
 |
|
| In the first tab we need to add a doc type,
this is to get IE to behave the way we need it to. |
|
|
| Next we need to add some CSS to the header section, click on the
second tab in Global Scripts and copy the code below and paste into
it. |
|
|
| If you want this button on every page then
simply post the code below into the third tab. |
|
|
If you just want it on your home page or any other page and not
every page then paste this last piece of code in the header of that
particular page, to get to this go to 'Page Settings' then at the
bottom click on the 'Advanced Settings' tab then the fourth tab
'Scripts' and you will see the 'Custom Header Script' that's it.
You need to change the code to your needs, by that I mean my button for
instance is called 'mybutton.png' if yours is different then you need
to change it in every instance, also if the size and possition are not
the way you wish them, you need to change those too.
I hope this is of help and please contact if you
need anything clarifying. |
