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.

Badge Descriptions

View previous topic View next topic Go down

In progress Badge Descriptions

Post by ZenithPhoenix on 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

ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

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

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

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix on 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.

ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by Mike on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

In progress Re: Badge Descriptions

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

Did that and still no dice...

ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

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

Bump...

Any other thoughts / ideas?

ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

Back to top Go down

In progress Re: Badge Descriptions

Post by Mike on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

In progress Re: Badge Descriptions

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

@ZenithPhoenix wrote:Bump...

Any other thoughts / ideas?

http://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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Badge Descriptions

Post by ZenithPhoenix on 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!

ZenithPhoenix
New Member

Posts : 5
Reputation : 1
Language : English

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