The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Badge Descriptions

3 posters

Go down

In progress Badge Descriptions

Post by ZenithPhoenix March 22nd 2012, 8:55 pm

Hi, I hope this is in the right place.

I'm trying to get the badges that I created for my forum to have their description appear when you 'mouse over' them.

The best I can guess is that the code that would normally appear as < img title="DESCRIPTION HERE" alt="DESCRIPTION HERE" src="LINK TO IMAGE" > is actually missing the 'img title' part OR I have not figured out how to activate this.

Can anyone PLEASE help? Thanks in advance.

-Phoenix
avatar
ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by Mike March 22nd 2012, 9:27 pm

most forums use tipsy to display this, see here: http://onehackoranother.com/projects/jquery/tipsy/
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix March 23rd 2012, 5:54 pm

Very cool. How would I integrate this into the forumotion platform? Thanks!

EDIT: I used the instructions here: http://www.thedesignforums.net/t20-how-to-add-tipsy-tooltip-on-your-forum and it seems that the forum isn't pulling the Javascripts in to do what they are supposed to. Yes, I have them active on the control panel.
avatar
ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by Mike March 23rd 2012, 9:56 pm

yeah that happens. :/

If you're on PHPBB2 or PunBB you can put them in the overall header, but as your profile says that youre in PHPBB3, you can do this..

Go to Display -> Generalities (wherever the homepage message is).

Add this to it:

Code:
<script type="text/javascript" src="LINKTOYOURFORUMOTIONKJS"></script>

Replace LINKTOYOURFORUMOTIONKJS with the javascript link found in Javascript management.

Hope this helps.
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix March 23rd 2012, 10:06 pm

Did that and still no dice...
avatar
ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix March 24th 2012, 4:32 pm

Bump...

Any other thoughts / ideas?
avatar
ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by Mike March 24th 2012, 4:34 pm

What forum version? Because I've only seen Tipsy done in PHPBB2 and PunBB since it requires templates editing.
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

In progress Re: Badge Descriptions

Post by Nera. March 25th 2012, 11:57 am

ZenithPhoenix wrote:Bump...

Any other thoughts / ideas?

https://help.forumotion.com/t97983-how-do-i-add-tooltip-to-the-title-tags-phpbb3?highlight=tooltip

That's for the procedure for the forums name tipsy in phpBB3 and it will work fine.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix March 26th 2012, 3:49 am

EDIT: I had a programmer at work take a look at this and he changed the Tipsy javascript code to say this at the top:

// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// releated under the MIT license

(function($) {

function fixTitle($ele) {
/*if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
$ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
}*/
$ele.attr('title',$ele.attr('alt'));
$ele.attr('original-title',$ele.attr('alt'));

}

Works beautifully now!
avatar
ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

Back to top

- Similar topics

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