TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 884
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online

[Block] Avatar of Users Online

Started by IchBin, December 01, 2008, 02:18:57 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

fl4pj4ck

#10
Ok than, sorry for the confusion. I'm trying to transform my TP into some sort of social networking site.

For this module I would like to be able to list all the users that are online or have been within the given time frame.

One module will be located in Upper Panel Block on the frontpage. Ideally I would like it to have just one row and automatically scroll horizontally. If that's too difficult to do - then regular scrollbars will be fine. I would like it to be a little bit more squeezed so I don't waste the space, so just the avatar and the name right under it (both clickable). I would like the colors of the names to represent whether the user is a male or female (blue/pink or maybe use standard icons for gender from SMF).

The second module will be placed on forum itself in the Bottom Panel block (I will create another block for it) to show all users that visited the forum in last 24h. Formatting can be the same, but instead of scrollbars I want to put all the avatars in rows and columns.

that would be it, keep up the good work, thanks for your support

EDIT: instead of names in colors blue/pink could you please add a border around the avatar in that colour and shows the names after hovering the avatar with the mouse (ALT) ???

IchBin

Ok, so this begs the question. What do you do with users who have not selected whether they are a male or female?

Doing all of your requests makes two separate script though really. Having one only show a single row with a marquee scrolling affect isn't something I see the current code doing. So I'll finish the this script first, then change it to do what you need with the scrolling in another topic later.

fl4pj4ck

#12
if they haven't selected we can assume they are all females :) maybe it will make them decide and change it in the profile

this is how it looks right now (avatars 59px, 11 columns):

IchBin

Also, I'm assuming when you say you want their name in the alt attribute, that you're talking about the title so that their name pops up when hovered over? The alt tag is only used if an image is missing.

IchBin

ok, I've edited the code in the first post. I changed some default settings in the configuration so be aware that it may look different until you change the size of things etc.

I added the title to the avatar, as well as the blue (male), pink (female), and default is black if they haven't selected a gender. You can change that if you'd like in the CSS if you want them to be pink by default.

I'll get started on the scrolling block as soon as I finish a few more things here at work. :)

Ken.

Works great IchBinâ,,¢, good job. :up:

Click Me and go to the bottom of the page.
" If everything seems under control, you're not going fast enough." - Mario Andretti
Yesterday When I was Young.

IchBin

Looks great Ken! You should adjust your avatar_column td width and height to be closer to the default avatar size you have. This way the text will wrap under the avatar. :) Got the scrolling one done. I think I'll post this in the same topic now that I think about it.

Ken.

Adjusted it a little to make them display larger... looks good from here.

Geesixxie... you needs an avatar.  :o
" If everything seems under control, you're not going fast enough." - Mario Andretti
Yesterday When I was Young.

IchBin

Cool. Text size can be changed if you add it to the CSS. Looks a little small there, but depends on what you like. :) If you read the configuration options a default avatar can be displayed for those who don't have one set. I'll make one up when I get home tonight and attach it to the original post or something.

fl4pj4ck

yup, after few adjustments looks like: click

but for some reason there is no border around the default avatar

This website is proudly hosted on Crocweb Cloud Website Hosting.