Floating Feedback Tab

[Leon]

Hi Guys, I thought I would give something back after taking a lot of code ideas in the past.. I could not find a code to this similar. So I have made my own.. It puts a feedback tab that is stationary on your forum.. It floats left side but you can float right side, you can use your own image and use the tab for anything you like..

<!---FEEDBACK-IMAGE-STARTS-->

<a style="position:fixed; bottom:70px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button'" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>

<!---FEEDBACK-IMAGE-STOPS-->


Global Footer, or specific board footer.

Use the image below to make it work.. You can make 3 different sizes or colours if you want it to look fancier. (It will not work until you put your own images in code)


http://i50.tinypic.com/5lvqyu.png
My forum is listed in my signature if you want to see it working.

PS. I have managed to convert latest posts to rss if anyone wants to know how..

[Charles Stover]

I think /index.cgi?action=pmsend&to=admin would make for a good default feedback link. I'd also suggestion Imgur over TinyPic for image hosting.

[Bennett 🚀]

Your styling of the floating is not cross browser

[Leon]

aahh yes internet explorer seems to have problems with everything these days.. It works fine on firefox and google chrome.. If anyone can make it cross browser that would be great, I have similar trouble with my wibiya bar.. Will have to look for an answer.. But remember 70% of people now use something else than IE..

[Charles Stover]

display:scroll?

I would assume that's the issue. Try inline-block, or block and float:left.

[Bennett 🚀]

support.proboards.com/index.cgi?board=coderequests&action=display&thread=416248

There's what you need.

[Leon]

Ok I fixed the code.. I added the absolute command.. There is no need for tons of code ipokemon.. The code you have I see works but its massive.. The code now works on IE, Firefox and chrome... You might need to adjust the height to suit.. which is number next to bottom.. Is set at 70px above bottom at the moment.. Some browsers move it a little higher or lower than others.. just find what suits all..

<!---FEEDBACK-IMAGE-STARTS-->

<a style="position:absolute; bottom:70px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button'" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>

<!---FEEDBACK-IMAGE-STOPS-->


lol trash that idea it works but moves with page

PS... Does anyone know a cross browser fix.. to help the old school Internet Explorer guys out..

[Bennett 🚀]

What I gave you is the only work around. If you want it crossbrowser, then you shouldn't worry about it being a lot of code. And if you don't want to listen to suggestions, then you shouldn't be submitting anything

[Leon]

It is nothing against your code Ipokemon, all depends on how much code that person already has. The more code you have before an object the slower it will load.. If you have little code then your code would be good.. I hope you get what I mean.

[RedBassett]

May 14, 2012 3:26:26 GMT -8 Leon said:

It is nothing against your code Ipokemon, all depends on how much code that person already has. The more code you have before an object the slower it will load.. If you have little code then your code would be good.. I hope you get what I mean.

You are going to have a hard time causing too much code. It would take a very large amount to make much difference to most users.

You could also put your code in a remotely hosted file that allows caching.

[Bennett 🚀]

^^ If people want something like this, they can deal with the extra code to make it usable in ALL browsers.