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 : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

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
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.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 : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

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
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.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 : 541
Reputation : 241
Language : :)
Location : @Graphic Balloon

http://www.graphicballoon.com/

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 : 5144
Reputation : 478
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