floating bar tutorial is making changes
floating bar tutorial is making changes
Hi i followed the tutorial here: http://help.forumotion.com/t59349-awesome-toolbar-for-your-forum
to do it on my forum. I have added it in a widget, and it appears at the bottom where it is meant to fine, BUT it has effect the forums.
Here is a screen shot:

The problem is on the right hand side of the screen, the forums go into the side bar and overlap which shouldn't be happening.
this is what it should look like;

Can someone have a look at the tutorial and see if its something to do with the codes or anything? or give me any advice to fix it because i would really love to do use this tool bar.
thanks
to do it on my forum. I have added it in a widget, and it appears at the bottom where it is meant to fine, BUT it has effect the forums.
Here is a screen shot:

The problem is on the right hand side of the screen, the forums go into the side bar and overlap which shouldn't be happening.
this is what it should look like;

Can someone have a look at the tutorial and see if its something to do with the codes or anything? or give me any advice to fix it because i would really love to do use this tool bar.
thanks

Re: floating bar tutorial is making changes
How about adding the code to your overall footer template and seeing if that makes any difference?
I used a bottom bar for a while and had my code in the footer template and it worked perfectly
( I just saw you are on phpbb3...hmm I dont use that, maybe they dont have templates?)
I used a bottom bar for a while and had my code in the footer template and it worked perfectly
( I just saw you are on phpbb3...hmm I dont use that, maybe they dont have templates?)
Aomine- Forum Reviewer
-
Posts : 2387
Reputation : 295
Language : Tagalog, English
Location : Philippines
Re: floating bar tutorial is making changes
Yeah my forum version is phpbb3, and i don't have templates.
Re: floating bar tutorial is making changes
Hmm.. try this HTML code instead:
- Code:
<div id="myfooter" style="height: 40px; position: fixed;
width: 800px;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;" >
<p align="center">
<a href="link to forum page or social site"><img src="URL of icon" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="URL of 2 icon" title="pop up title of page 2" border="0"></a>
</p></div>
Re: floating bar tutorial is making changes
but this code is to make a toolbar right@Gangstar15 wrote:Hmm.. try this HTML code instead:
- Code:
<div id="myfooter" style="height: 40px; position: fixed;
width: 800px;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;" >
<p align="center">
<a href="link to forum page or social site"><img src="URL of icon" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="URL of 2 icon" title="pop up title of page 2" border="0"></a>
</p></div>
Guest- Guest
Re: floating bar tutorial is making changes
Spam Removed
weerw- New Member
- Posts : 7
Reputation : 0
Language : english
Re: floating bar tutorial is making changes
Then try this one 

- Code:
<div style="position:fixed;bottom:0px;left:0;width:100%;height:55px;padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;background:url('http://i22.servimg.com/u/f22/15/42/72/40/toolba10.png') bottom center no-repeat;z-index: 999;text-align:center;" >
<p align="center">
<a href="link to forum page or social site"><img src="http://illiweb.com/fa/fdf_en3/nouvea19.png" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="http://illiweb.com/fa/fdf_en3/nouvea19.png" title="pop up title of page 2" border="0"></a>
</p></div>
Re: floating bar tutorial is making changes
Since this thread appears to be solved, I will lock this thread and mark it as solved.

Sanket

Sanket

Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum