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.

Avatars circular

View previous topic View next topic Go down

Solved Avatars circular

Post by Abdalah tupe on May 10th 2014, 3:00 am

How can I make avatars for every member in the topics in a circular

like this:
 bwi 
hheheheheh
 Laughing  Laughing  Laughing 
or like this :


Last edited by GAME KING on May 10th 2014, 10:52 pm; edited 1 time in total

Abdalah tupe
Forumember

Male Posts : 84
Reputation : 5
Language : Arabic,English
Location : IRAQ

http://tizen.forumarabia.com/

Back to top Go down

Solved Re: Avatars circular

Post by Pizza Boi on May 10th 2014, 3:40 am

Hi Very Happy

Please link us to the forum you saw that.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Avatars circular

Post by J0k3R^ on May 10th 2014, 6:52 am

Thats border radius over 20px Smile
I suggest u this:

Code:
div.user-basic-info img{
border: 1px solid #666;
border-radius: 25px;
}

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Avatars circular

Post by SocialAcademy on May 10th 2014, 8:27 am

try this


Code:
.user-basic-info a img {
background: none repeat scroll 0% 0% #FFF;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, inset rgba(0,0,0,0.04) 0px 0px 0px 1px;
max-height: 94px;
max-width: 94px;
padding: 1px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

Solved Re: Avatars circular

Post by Abdalah tupe on May 10th 2014, 10:51 pm

@SocialAcademy wrote:try this


Code:
.user-basic-info a img {
background: none repeat scroll 0% 0% #FFF;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, inset rgba(0,0,0,0.04) 0px 0px 0px 1px;
max-height: 94px;
max-width: 94px;
padding: 1px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

Hello all,thanks and flower  Mr. Green  :rose:  :rose:  :rose:  for every one had joined and help  Very good  

Me was try Re: Avatars circular of SocialAcademy code and Its works thx   loul 

(SOLVED)

Abdalah tupe
Forumember

Male Posts : 84
Reputation : 5
Language : Arabic,English
Location : IRAQ

http://tizen.forumarabia.com/

Back to top Go down

Solved Re: Avatars circular

Post by SLGray on May 10th 2014, 10:57 pm

Problem solved & topic archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.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