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
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 39189
Reputation : 2627
Language : English
Location : United States

https://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 ..
avatar
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 Guest 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;
}

Guest
Guest


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
avatar
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 Guest 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;
}

Guest
Guest


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..
avatar
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
avatar
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?
avatar
SarkZKalie
Forumember

Male Posts : 573
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Avatar circle

Post by Guest 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!

Guest
Guest


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
avatar
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 Guest 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;
}

Guest
Guest


Back to top Go down

Solved Re: Avatar circle

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

@@Mark its not working.
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 39189
Reputation : 2627
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Avatar circle

Post by Guest 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;
}


Guest
Guest


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 .
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 39189
Reputation : 2627
Language : English
Location : United States

https://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..
avatar
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.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5794
Reputation : 538
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.
avatar
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



avatar
APE
Manager
Manager

Male Posts : 10254
Reputation : 955
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