MyBB Community Forums

Hello,

I'm using myBB 1.8.5 and a modified Square theme. Anyway what I want to do is I want to add to the avatar in the postbit an overlay, I mean a "Background image" what is in front of the avatar

i use this to make my avatars round

.post .post_author div.author_avatar img {
 border-radius: 100%;
 transition: all 0.3s ease;
}

in the theme templates>postbit_avatar I tried now this

<div class="author_avatar" style="background-image: url('images/Templates/Avatar Overlay.png'); background-repeat:no-repeat; background-position: 20px 0px;height: 172px; width: 192px;">
 <a href="{$post['profilelink_plain']}">
 <img src="{$useravatar['image']}" alt=""  style="overflow:hidden; height: 150px; width: 150px; position: relative; margin: 4px 25px"> 
 </a>
</div>

almost everything is now like I want it just that it is the wrong order. The avatar is still in the front of the background? Can I switch that?

And another extra question: The background image shall change with the user title. I want to use that instead of the stars or stuff.

I hope some of you can help me and gimme a hint. Thank you in advance

Ezee

Edit: Sorry forgot the link to my forum, but you can't see anything there regarding the problem atm. http://otonokizaka.org/index.php