Forum Index
RegisterSearchFAQMemberlistUsergroupsLog in
Tooltip in gallery mode

 
Reply to topic    Forum Index » Suggestions View previous topic
View next topic
Tooltip in gallery mode
Author Message
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Tooltip in gallery mode Reply with quote
FI-DD, is it possible to make tooltip that is connected with active news and when i move mouse over thumbnail that shows description of that article.

Here's example of what i want to do- http://www.shockinghumor.com/ - move you mouse over thumbnails.

_________________
:: | www.funnyarena.net |:: thanks Scott
Sat Mar 31, 2007 1:57 pm View user's profile Send private message Visit poster's website
Guest








Please login to hide the ads.

WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
Can you tell me how to use CSS for {avatar} thumbnails?? I found tooltip made in CSS

http://psacake.com/web/jl.asp

_________________
:: | www.funnyarena.net |:: thanks Scott
Mon Apr 02, 2007 12:51 am View user's profile Send private message Visit poster's website
FI-DD
Admin


Joined: 22 Sep 2005
Posts: 2801
Location: Germany

Post Reply with quote
In inc/show.news.php change this:

Code:
$output = str_replace('{avatar}', ($row['avatar'] ? '<img src="'.$row['avatar'].'" alt="" border="0" align="absmiddle">' : ''), $output);




to this:

Code:
$output = str_replace('{avatar}', ($row['avatar'] ? '<a class="info" href="#"><img src="'.$row['avatar'].'" alt="" border="0" align="absmiddle"></a>' : ''), $output);

Mon Apr 02, 2007 3:45 pm View user's profile Send private message
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
It think i made it! Look at this Scott!! Cool Laughing



Thanks FI-DD

_________________
:: | www.funnyarena.net |:: thanks Scott

Last edited by WellWho on Tue Apr 03, 2007 12:07 am; edited 1 time in total
Mon Apr 02, 2007 10:12 pm View user's profile Send private message Visit poster's website
Ramon



Joined: 12 Oct 2005
Posts: 473
Location: Hoogeveen, NL

Post Reply with quote
The way FI-DD did it is directly in the core of the script, you have edited it in the template, which is fine also.



Oh and the > is because you misplaced it.. Come'on really need our help to figure that out?



Code:
<tr>

<td width="40%" valign="top"><font face="Verdana" size="1">

<a class="info"><span>{short-story}</span>{avatar=100,75}</a> </font></td>

</tr>


_________________
Tue Apr 03, 2007 12:04 am View user's profile Send private message Visit poster's website
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
Ramon, thanks for advice, it was my mistake. Embarassed

_________________
:: | www.funnyarena.net |:: thanks Scott
Tue Apr 03, 2007 12:09 am View user's profile Send private message Visit poster's website
FI-DD
Admin


Joined: 22 Sep 2005
Posts: 2801
Location: Germany

Post Reply with quote
Yes, putting it in the template is much smarter. Embarassed



Unfortunately, it's not working in IE6 for me. Shocked
Tue Apr 03, 2007 12:16 am View user's profile Send private message
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
Grrrrrrr Evil or Very Mad Why doesnt work? I was using firefox, didnt notice that. And they even say it works in IE 5.5 Rolling Eyes

PS: I think it works now.

_________________
:: | www.funnyarena.net |:: thanks Scott
Tue Apr 03, 2007 12:19 am View user's profile Send private message Visit poster's website
FI-DD
Admin


Joined: 22 Sep 2005
Posts: 2801
Location: Germany

Post Reply with quote
It's working now. Confused



Not as nice as in Firefox (the tooltip is not below the picture but on the picture) but at least it's working.



I think it's worth to put this hack in the skins and snippets area.
Tue Apr 03, 2007 12:28 am View user's profile Send private message
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
FI-DD wrote:
It's working now. Confused




I removed
Code:
a.info:hover{z-index:25; background-color:#ff0}
(dont know why) and thats why it wasnt working, after putting that back- it works



I hope it works better in IE7



PS: FI-DD, move your mouse over "Most Popular" link in the left menu- that is javascript tooltip (much more sophisticated) from this link http://www.walterzorn.com/tooltip/tooltip_e.htm it works great even in IE6. I'll try to connect it with {short-story} and {avatar}

_________________
:: | www.funnyarena.net |:: thanks Scott
Tue Apr 03, 2007 12:35 am View user's profile Send private message Visit poster's website
scottdallas



Joined: 04 May 2006
Posts: 1943
Location: US

Post Reply with quote
That looks sweet. Nice innovative way of showing your {short-story}, I like.

_________________
www.scottdizzle.com uses cnr Smile
last update: 07-22-08: 8:30 pm
Tue Apr 03, 2007 9:03 am View user's profile Send private message Visit poster's website AIM Address
WellWho



Joined: 09 Jan 2007
Posts: 62

Post Reply with quote
I've connected javascript tooltip and {avatar} and {short-story}- looks much much better, even in IE.

_________________
:: | www.funnyarena.net |:: thanks Scott
Tue Apr 03, 2007 5:34 pm View user's profile Send private message Visit poster's website
Display posts from previous:    
Reply to topic    Forum Index » Suggestions All times are GMT + 1 Hour
Page 1 of 1

 
Jump to: 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum



Powered by phpBB © 2001, 2005 phpBB Group
Design by Freestyle XL / Music Lyrics.