[Block] Avatar of Users Online

[fl4pj4ck]

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.

this is not working, shows a border of about 1/3 size of the avatar in Opera 9.27 a,d FF2
in IE5 it shows the border around the avatar but it has different thickness on left and right side of the avatar

it has to be sth wrong with that code I presume

[ZarPrime]

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.

Hi Ichbin,

Ah, yeah, I knew that.  I't been awhile since I played with CSS and I'm a little rusty on it.  Thanks for refreshing my memory. :up:

I don't want you to spend a lot if time on this since you've already done such an excellent job on this snippet. but, by chance, did you happen to think of a way that I could get the text of the usernames to be the color of the Membergroups that is set in the MemberGroup settings that I mentioned above?

In other words, if a MemberGroup color is set to green the text below their Avatar would display in that color instead of the default color of the theme.

Thanks for your help,

ZarPrime

[Ianedres]

Good work Ich, throughout it all. 

[IchBin]

All you need to do is join the membergroup table and grab the membercolor row or whatever its called. If you look at my code you can see how I joined the attachments table. Don't have the time ATM, but I will try to add it when time allows.

[Lord Anubis]

hey ich, aint tried it yet, but  got some idears for it....my question is does this allow all three types of Avatars

Forum Defaults
User Uploaded
and
URL driven?

If it does, I might integrate this into something, if thats cool with you
hell you could even help me out with it I will PM you if you want

BTW: Neat looking script

[IchBin]

It "should" allow all types of avatars. Whether I did it right is another thing. lol  Feel free to use the code. As for the help you're asking about, only if you get stuck. I'm going to try and focus on helping Bloc with some things so I'm not really wanting to take on any more scripts and stuff.

[fl4pj4ck]

here's the css code if you want nice border when hovering over the avatars:

Code Select Expand


.avatar_colu/mn
{
bor/der: 4;
}
.avatar_colu/mn a:hover
{
　　border: 4px solid #FF0;
}
.avatar_column td
{
height: 60px;
width: 60px;
overflow: hidden;
text-align: center;
vertical-align: top;
}
img.default
{
border: 2px dotted #000;
}
img.he
{
border: 2px dotted #00F;
}
img.she
{
border: 2px dotted #F00;
}

        img.she:hover
{
border: 2px solid #F00;
}
img.default:hover
{
border: 2px solid #000;
}
img.he:hover
{
border: 2px solid #00F;
}


all you need to do is replace the css part from the first post

check my website from the sig to see how it works

[IchBin]

Cool! Glad you figured it out before I did. Thanks for sharing!

[Lord Anubis]

cool Ich will give it a shot

thanks

[Lord Anubis]

Well I am almost there, the last thing that I need is how would I edit the CSS so that the text is as follows:

<div class="smalltext" style="font-family: verdana, arial, sans-serif;">';