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.

Hover groups

View previous topic View next topic Go down

Hover groups

Post by Yakko! on Sun Dec 12 2010, 12:25

How can i have a description in a box when the mouse go hover the groups name?

i use PUNBB

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by ankillien on Sun Dec 12 2010, 12:30

Hello,

You can search for some javascript for tool-tip. You can use it to show description.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Re: Hover groups

Post by Yakko! on Sun Dec 12 2010, 16:55

help me!

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 16:50

and to apply it?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 17:42

Just find the one you see is good and post it here and maybe i will try to help you..

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 19:36


Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 19:40

I said find a link to the tutorial u want not a list of tutorials.

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 20:26

i need it! xD

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 20:27

Choose the one that you like from the this page u gave me : http://www.1stwebdesigner.com/freebies/stylish-jquery-tooltip-plugins-webdesign/

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 21:06

ok!
1. Dynamic tooltip
4. Prototip
10. jGrowl

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 21:09

Please give me the link not a name...

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 21:56


Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 22:23

Here is all codes.. you need to host them in your own host or they will be deleted.
Code:

<link rel="stylesheet" href="http://stanlemon.net/stylesheet/jquery.jgrowl.css" type="text/css" />   

<script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script>
   <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>

<style type="text/css">
.groups li {
display:inline;
margin:0;

}
</style>

<ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:<br />Gangstar15');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:<br />Gangstar15', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:<br />Gangstar15', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:<br />Gangstar15', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:<br />Gangstar15', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul>

You can test the code here:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

You know where u put these codes...

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 22:48

and the other?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 22:49

I can't find out how it works..

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 23:03

thanks!
but how to let it go in my signature?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 23:09

Javascript wont work in signatures.. make a html page and put the code above in it then in add iframe in your signature

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Mon Dec 13 2010, 23:14

like this?
<iframe src ="http://mywiki.forumattivo.com/-h13.htm" width="25%" height="100">
<p>Your browser does not support iframes.</p>
</iframe>

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Guest on Mon Dec 13 2010, 23:20

Yes (:

Guest
Guest


Back to top Go down

Re: Hover groups

Post by Yakko! on Tue Dec 14 2010, 17:31

How to remove the frame's borders?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Hover groups

Post by Saxaca on Tue Dec 14 2010, 18:37

Code:
frameborder="0"

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: Hover groups

Post by Yakko! on Tue Dec 14 2010, 18:53

thanks!
i'll try it!

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

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