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.

drop menu,mouse hover on avatar ??? <<<<

View previous topic View next topic Go down

drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 1:00 am

i rly dont know what is this option and how its called ... but is there anyone who know how to instal this on my forum ??

this is avatar



and when u put mouse on picture you get this menu




this is forumotion forum, version is phpbb2

help me plz... thx in advance Smile

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LGforum on October 23rd 2011, 1:13 am

A very nice idea.

Likely done with a hidden DIV, and then the JQuery .hover(); function displays it.
Kinda hard to explain and kinda hard to write out any sort of code for you. But if you do some research in to jQuery .hover(); method.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 1:22 am

there must be tutorial somewhere...i find searching internet lots of cool scripts for my forum ... but this one i cant find ... so i ask here ... because i can not find alone ...

this forum using that script, but its on taiwan language (use translator)... there is a lot of good tutorials for forumotion too...

http://www.xn--tkch-wpa7sq09q.tk/t1667-topic#4783

also forum have lots of bugs and protections ...


Last edited by LUDAKLUDI on October 23rd 2011, 1:27 am; edited 1 time in total

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LGforum on October 23rd 2011, 1:27 am

I have implemented a similar thing here: http://leopardgeckotest.forumotion.co.uk/t1-your-first-subject#8
just as a quick test, so its not perfect.

It doesn't look as nice... because its my test forum lol, so its not styled to perfection.

Anyway, the way i did it, was using jQuery. And a few small template edits.
Put all the information you want to SHOW on hover into a div. Then, create a div or element around the posters name, and give it a class. Then you can use jQuery to select the class, and on mouseover (or mouseout) toggle the display of the next element.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 1:32 am

can u post that "small" template edits ?

i want to see how did u add those links add,contact...

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LGforum on October 23rd 2011, 1:37 am

My template edit was to move all the information i wanted into a DIV tag.
And those links were added through javascript.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 1:38 am

where can i see that java code ?

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LGforum on October 23rd 2011, 1:45 am

Its one i wrote myself. So nowhere really. I hope.

I have made a tutorial for how to put the 'Add as Friend' link.
here: http://lgtest.forumotion.co.uk/


LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 2:00 am

dont work on my forum version bb2... but thx for sharing

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

Back to top Go down

Re: drop menu,mouse hover on avatar ??? <<<<

Post by LUDAKLUDI on October 23rd 2011, 1:08 pm

i find similar forum with this option too ...

http://www.08sh.tk/t485-topic#2861

LUDAKLUDI
Forumember

Male Posts : 280
Reputation : 3
Language : English,Serbian
Location : Serbia-Belgrade

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