The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Last poster avatar background?

View previous topic View next topic Go down

Solved Last poster avatar background?

Post by Mimóza on January 1st 2016, 11:15 am

Hello,
Is it possible to add a background image to te last poster's avatar? I'd like it to be circular and have a fancy background image around?



Thanks in advance!
punbb http://escvillage.createtopic.com/


Last edited by Mimóza on January 2nd 2016, 10:47 am; edited 1 time in total

Mimóza
Forumember

Female Posts : 566
Reputation : 243
Language : •ᴗ•
Location : Hungary

http://dianagyms.deviantart.com/gallery/

Back to top Go down

Solved Re: Last poster avatar background?

Post by Ace 1 on January 1st 2016, 6:28 pm

So you want like a red circle around the picture and make it a circle?

Use this code in your CSS StyleSheet.

Code:
.lastpost-avatar {
    border: none;
    box-shadow: none !important;
}
.lastpost-avatar img {
    border-radius: 25px;
    border: 2px solid #F00 !important;
    padding: 1px;
}

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Last poster avatar background?

Post by Mimóza on January 1st 2016, 10:55 pm

Oooh, thanks a lot! Very Happy It's working! 
Do you think it could be adjusted, so that the avatars have a border image instead of a border line?
Wild example:


Very Happy

Mimóza
Forumember

Female Posts : 566
Reputation : 243
Language : •ᴗ•
Location : Hungary

http://dianagyms.deviantart.com/gallery/

Back to top Go down

Solved Re: Last poster avatar background?

Post by 10spetter10 on January 2nd 2016, 12:59 am

Try by adding this:

Code:
.lastpost-avatar img {
    border-radius: 25px;
    background: url(url to image) no-repeat center;
    padding: 10px; /* play a bit with the value tot get the full background image */
}

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Last poster avatar background?

Post by Ace 1 on January 2nd 2016, 5:26 am

I don't think there is a border img property lol. Can be created through js but I dont feel like it sorry.

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Last poster avatar background?

Post by Mimóza on January 2nd 2016, 10:47 am

Wow thank so much!       It's working! Very Happy Now just gotta create a neat frame image. Very Happy

Mimóza
Forumember

Female Posts : 566
Reputation : 243
Language : •ᴗ•
Location : Hungary

http://dianagyms.deviantart.com/gallery/

Back to top Go down

Solved Re: Last poster avatar background?

Post by brandon_g on January 13th 2016, 11:28 pm

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5353
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum