Simple Machines Community Forum

Is there a quick and easy way I can change the background color of the list of avatars in the profile area?

It's controlled by the 'select' class of Themes/default/style.css, but so are *all* the drop-downs, so you might need to introduce an extra class.

Quote from: Peter Duggan on March 14, 2004, 06:22:43 AM
so you might need to introduce an extra class.

Like 'select.avatar'!

So search Themes/default/Profile.template.php for:

<select name="cat" id="cat" size="10" onchange="changeSel(\'\');" onfocus="document.creator.avatar_choice[', $current_choice, '].checked = true;">';

And replace with:

<select class="avatar" name="cat" id="cat" size="10" onchange="changeSel(\'\');" onfocus="document.creator.avatar_choice[', $current_choice, '].checked = true;">';

<edit>Missed the 'real' avatar list, so check out Reply #5 too!</edit>

Then search Themes/default/style.css for:

select
{
font-size: 8pt;
font-weight: normal;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}

And replace with:

select
{
font-size: 8pt;
font-weight: normal;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}
select.avatar
{
background-color: red;
}

Where 'red' is *your* background colour!

Got it, thanks.

Or maybe *this* list too! ;)

Search Themes/default/Profile.template.php for:

<select name="file" id="file" size="10" style="display: none;" onchange="showAvatar()" onfocus="document.creator.avatar_choice[', $current_choice, '].checked = true;" disabled="disabled"><option></option></select>

And replace with:

<select class="avatar" name="file" id="file" size="10" style="display: none;" onchange="showAvatar()" onfocus="document.creator.avatar_choice[', $current_choice, '].checked = true;" disabled="disabled"><option></option></select>

You could also use select#cat and select#file...

-[Unknown]

Of course you could, but that 'classitis' has clearly got to me! ;)