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.

avatar cirlcle problem

View previous topic View next topic Go down

avatar cirlcle problem

Post by balu on December 15th 2015, 8:19 am

Hi.,
In my forum i use this code for making avatars in circle

Code:
.user-basic-info a img {
  background:#FFF;
  height:100px;
  width:100px;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}
.mini_ava img, .lastpost-avatar img {
  background:#FFF;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}

But it showing correctly in chrome only.
Im using opera mini and uc browser , but avatar not showing correct in that circle
Forum : http://kbzteam.forums1.net
Version : Punbb


In this help forumotion forum avatar showing correctly in all browser.
Help me to fix this code work avatar circle correctly in all browser

balu
Forumember

Male Posts : 72
Reputation : 2
Language : english
Location : India

http://www.kbzteam.forums1.net

Back to top Go down

Re: avatar cirlcle problem

Post by SarkZKalie on December 15th 2015, 10:15 am

Find "border-radius" in your this CSS and replace with
Code:
-webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: avatar cirlcle problem

Post by balu on December 17th 2015, 8:23 am

@SarkZKalie
Its not working..

balu
Forumember

Male Posts : 72
Reputation : 2
Language : english
Location : India

http://www.kbzteam.forums1.net

Back to top Go down

Re: avatar cirlcle problem

Post by balu on December 20th 2015, 5:49 pm

Bumps !

balu
Forumember

Male Posts : 72
Reputation : 2
Language : english
Location : India

http://www.kbzteam.forums1.net

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