Badge Descriptions
3 posters
Page 1 of 1
Badge Descriptions
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
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
Re: Badge Descriptions
most forums use tipsy to display this, see here: http://onehackoranother.com/projects/jquery/tipsy/
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Badge Descriptions
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.
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
Re: Badge Descriptions
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:
Replace LINKTOYOURFORUMOTIONKJS with the javascript link found in Javascript management.
Hope this helps.
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
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Badge Descriptions
Did that and still no dice...
ZenithPhoenix- New Member
- Posts : 5
Reputation : 1
Language : English
Re: Badge Descriptions
Bump...
Any other thoughts / ideas?
Any other thoughts / ideas?
ZenithPhoenix- New Member
- Posts : 5
Reputation : 1
Language : English
Re: Badge Descriptions
What forum version? Because I've only seen Tipsy done in PHPBB2 and PunBB since it requires templates editing.
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Badge Descriptions
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.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Badge Descriptions
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!
// 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
Similar topics
» Help with descriptions
» Category descriptions do not appear.
» Topic descriptions
» category descriptions
» Topic Descriptions
» Category descriptions do not appear.
» Topic descriptions
» category descriptions
» Topic Descriptions
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum