Welcome to Geeklog, Anonymous Saturday, December 21 2024 @ 11:03 am EST
Geeklog Forums
whos online block: onmouseover popup
Ancona5
Anonymous
Hi folks ...
it's possible to make a popup containing the userphoto when I move the mouse over the camera.png in the whos_online_block??
It may be very nice ...
ps: I don't know well javascript ...
it's possible to make a popup containing the userphoto when I move the mouse over the camera.png in the whos_online_block??
It may be very nice ...
ps: I don't know well javascript ...
10
15
Quote
Status: offline
Chalkhillian
Forum User
Chatty
Registered: 09/23/02
Posts: 67
Quote by 1000ideen: I quite like the idea. Does anybody know a JavaScript for it?
wz_tooltip.js works well, highly configurable and supports text and/or graphics. Google it and let me know if you need a hand implementing it.
16
15
Quote
tokyoahead
Anonymous
You dont need Javascript. you can do that with CSS.
insert into the links for the username a span and make the link a class "section"
then add the following to your CSS.
.section {
position:relative; /*this is the key*/
z-index:24;
}
.section:hover {
z-index:25;
}
.section span{
display: none;
}
.section:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
}
insert into the links for the username a span and make the link a class "section"
Text Formatted Code
<a class="section" href="/user...">Username<span><img src="/path/"></span></a>then add the following to your CSS.
Text Formatted Code
.section {
position:relative; /*this is the key*/
z-index:24;
}
.section:hover {
z-index:25;
}
.section span{
display: none;
}
.section:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
}
19
16
Quote
All times are EST. The time is now 11:03 am.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content