korhox
Member
Hi! I'm trying to add background image behind avatar holder in message user info like this:
^ Sorry for Finnish language in image
So, my question is:
How I can add different avatarHolder background for everyone? Users can select their background with custom user fields (radio buttons).
Sorry poor English language skills. I hope you realize what I mean![Big grin :D :D](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f600.png)
![dciNLgy.png](/community/proxy.php?image=http%3A%2F%2Fi.imgur.com%2FdciNLgy.png&hash=d656f36678464816eeb6a5c5b64f2a75)
^ Sorry for Finnish language in image
HTML:
.messageUserBlock div.avatarHolder {
padding: 25px !important;
background-image: url("/styles/mystyle/avatarholderbackgrounds/default.png");
background-size: cover;
}
HTML:
<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="m" img="true" />
<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>
<!-- slot: message_user_info_avatar -->
</div>
So, my question is:
How I can add different avatarHolder background for everyone? Users can select their background with custom user fields (radio buttons).
Sorry poor English language skills. I hope you realize what I mean
![Big grin :D :D](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f600.png)