The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

floating bar tutorial is making changes

View previous topic View next topic Go down

Solved floating bar tutorial is making changes

Post by LGforum on May 12th 2011, 11:40 am

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 Smile

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by LGforum on May 13th 2011, 3:20 pm

can i bump? if so then BUMP, if not then sorry.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by LGforum on May 14th 2011, 12:07 pm

bump again *sigh*

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by LGforum on May 17th 2011, 1:34 am

grr, bump!

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by lisa1302 on May 17th 2011, 2:05 am

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?)

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by Darkel on May 17th 2011, 2:44 am

what is your forum version ?

Darkel
Hyperactive

Male Posts : 2186
Reputation : 272
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by LGforum on May 18th 2011, 1:06 am

Yeah my forum version is phpbb3, and i don't have templates.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by Gangstar15 on May 18th 2011, 1:09 am

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>

Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by Guest on May 18th 2011, 1:16 am

@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>
but this code is to make a toolbar right

Guest
Guest


Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by weerw on May 18th 2011, 4:08 am

Spam Removed

weerw
New Member

Posts : 7
Reputation : 0
Language : english

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by Gangstar15 on May 18th 2011, 1:19 pm

Then try this one Smile
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>

Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by LGforum on May 19th 2011, 2:45 pm

Thanks, solved Smile

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: floating bar tutorial is making changes

Post by Sanket on May 20th 2011, 5:04 am

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum