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 circle

View previous topic View next topic Go down

Solved Avatar circle

Post by balu on November 30th 2015, 5:32 am

Hi.,

Code:
/*Circle Avatar Shape*/ #main-content > div.post .postprofile dt a img, .postprofile dt > img:first-child {
  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);
  padding:3px;
}

I Use This Css For Making Avatar In Circle Like This Forum But It Not making Any changes in My forum.
Why its not working on my forum .?

Version : punbb
Forum : http://kbzteam.forums1.net


Last edited by balu on December 5th 2015, 5:14 pm; edited 1 time in total

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by SLGray on November 30th 2015, 5:55 am

Each forum version has different CSS selectors.  One CSS code will not work for all versions, unless you use the correct CSS selectors.


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

Solved Re: Avatar circle

Post by balu on November 30th 2015, 6:20 am

Can you share the avatar circle code ..

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by @Mark on November 30th 2015, 6:50 am

Try to use this one instead:
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);
  padding:3px;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on November 30th 2015, 8:34 am

Its working only for topics how can i make it to all pages

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by @Mark on November 30th 2015, 11:53 am

Then use this one instead:
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);
  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);
  padding:3px;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on November 30th 2015, 5:45 pm

Its working in topic and last topic . Not showing in profile field and avatar not correct size in that circle .



@@Mark @brandon_g @Ange Tuteur How can i make avatar correct size in circle and i need circle in profile field..

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by balu on December 2nd 2015, 7:08 am

Anyone Have Solution For Fixing This Thing????

24 Hours Left Thats Why Messaging Again

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by SarkZKalie on December 2nd 2015, 9:10 am

Hey man @balu , could you provide your profile_view_body template?

SarkZKalie
Forumember

Male Posts : 419
Reputation : 73
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Avatar circle

Post by @Mark on December 4th 2015, 12:10 pm

What do you mean? The code provided is the same code used here in FM, can you specify it more, thanks!

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on December 4th 2015, 12:40 pm

@@mark in fm forum avatar showing in correct size in that circle.
But in my forum avatar not in correct size



Check this screenshot i marked red colum in avatar
How can i fix avatar correct size in circle

http://kbzteam.forums1.net just visit once and check it in posts

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by @Mark on December 5th 2015, 4:07 am

Give this a try:
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-shadow0 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-shadow0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on December 5th 2015, 5:16 am

@@Mark its not working.

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by SLGray on December 5th 2015, 5:20 am

Are you adding this to the top of your CSS stylesheet?


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

Solved Re: Avatar circle

Post by @Mark on December 5th 2015, 5:25 am

Try this again, sorry I put the wrong code. Everything looks fine with me, might be browser problem related.
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;
}


@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on December 5th 2015, 5:46 am

@SLGray wrote:Are you adding this to the top of your CSS stylesheet?

@SLGray Adding in end of css style sheet.

@@Mark bro still avatar not in correct size .

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by SLGray on December 5th 2015, 9:39 am

Add it to the top.


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

Solved Re: Avatar circle

Post by balu on December 5th 2015, 11:22 am

@SLGray wrote:Add it to the top.

@SLGray Bro If i add this code in top of css then its not working anything.

If i add in end of css then its working like this



But the Image Not Correct Size In That Circle..

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by brandon_g on December 5th 2015, 3:40 pm

Hello,

Could it maybe be a browser problem like @@Mark suggested? Have you tried viewing from the profiles and stuff from a different browser to see if it looks any better afterwards?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5139
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by balu on December 5th 2015, 5:12 pm

@brandon_g wrote:Hello,

Could it maybe be a browser problem like @@Mark suggested? Have you tried viewing from the profiles and stuff from a different browser to see if it looks any better afterwards?

-Brandon

Its right bro its working perfectly in other browser. Sorry @@Mark For ignore Your suggestion..

Thank you @@Mark , @SLGray and @brandon_g
Topic solved.

balu
Forumember

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

http://www.kbzteam.forums1.net

Back to top Go down

Solved Re: Avatar circle

Post by APE on December 5th 2015, 10:06 pm

Topic solved and archived





APE
Manager
Manager

Male Posts : 8309
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

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