[Block] Avatar of Users Online

[Ken.]

Looks good fl4pj4ck.

[IchBin]

Fixed the code again. Sorry about that, left the class out of the default avatar image code. Should be good to go in the first post again.

[ZarPrime]

Hi Ichbin,

Very nice block.  Mine is a dark Forum.  This block is all the way at the bottom and looks fantastic ...
http://talesofthehavenexpanse.com/SMF-1/index.php

A couple of questions ...

1.  Is there anything I can change to make the username slightly closer to the bottom of the Avatar?

2.  Is there any way that you would consider adding an option to the configurations to allow the color of the Username's MemberGroup to be used instead of the default color of the theme?  Perhaps the color of the username would default to the theme color unless you change "Use Membergroup Colors" option to "True".

Excellent block.

Thanks for the work,

ZarPrime

[fl4pj4ck]

looks nice indeed, however it would look nicer if it changes somehow when hovering on top of avatar, can this be done?

and looking forward to have the marquee effect built in

thanks IchBinâ,,¢ once again

[ZarPrime]

Hmmm, I can't seem to change the border color.  For instance, when I try to change ...
      border: 2px solid blue;
to ...
      border: 2px solid lime;
or ...
      border: 2px solid maroon;
or ...
      border: 2px solid green;

... It stays blue.  Anybody else try doing that?

ZarPrime

[IchBin]

You do a hard refresh? Clear the cache?

looks nice indeed, however it would look nicer if it changes somehow when hovering on top of avatar, can this be done?

and looking forward to have the marquee effect built in

thanks IchBinâ,,¢ once again

This is exactly why I said you should think about the options you want. So I'm not having to come and work on this code every time you come up with a feature. And when you ask for a feature you need to give detail on what it is EXACTLY that you want. Telling me that it would be nice if it did something on hovering over the avatar doesn't tell me nothing. What do you want? A color change? A size change? details, details, details!!!

The marquee scrolling code is already posted as a second code snippet in the first post of this topic.

[ZarPrime]

You do a hard refresh? Clear the cache?

Hi Ichbin,

Not sure if this was for fl4pj4ck or for me, but if it was for me wrt the border colors not changing, the answer is yes, I did a hard refresh.

Thanks for the hard work.

ZP

UPDATE:  OK, I figured out why the border wasn't changing colors and fixed it.  It was because I had set up 2 different blocks with the code, one at the bottom visible to everybody, and one at the top, hidden from everybody except me.  I was working on the top one when it woudn't change.  when I changed the bottom one too, they both changed.  So, it's not a problem after all.

[fl4pj4ck]

the reason why I came with all the hovering is to have some sort of selection box when the cursor is over the selected avatar.

can you make the avatar zoom a little bit when you put your cursor over it (something light the lightbox effect maybe?)?
if not, then can you make a different colour or thinkness border when the cursor is over the avatar?

I don't like the marquee effect so I'm not going to use it, it looks too sharp when all the avatars are moving. The marquee effect looks ok for text but I belive for pics you need something more sophisticated.

[ZarPrime]

Hmmm, interesting.  As I said a few messages up, I did 2 blocks.  The first one I did was at the bottom of the page.  The second one was near the top but hidden from everybody except Admins.  I only did this to do some testing on the 2 locations.

If I have the "he" border color in both the top and bottom one set to "lime", the borders are lime.  If I leave the top one set to "lime" but change the bottom one to "maroon" it changes both the top one and the bottom one to maroon.  Interesting phenomenon.

ZP

[IchBin]

Its called inheritance zarprime. The last rule set in CSS will set all the elements the same as its value. If you want to have two different ones on the same page, just rename the classes in the one code snippet to a different name.

Flapjack, if you want a hover affect just add some more css.

.avatar_column a:hover
{
    border: 4px solid red;
}

You can of course change the border attributes to a different color or size etc.