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.

Problem with avatar image

View previous topic View next topic Go down

Problem with avatar image

Post by smejker on May 5th 2014, 4:00 pm

I put the reputation bar javascript in profile, but the problem is that if I put a picture of stars, they leave me high, because the avatar is of limited size ...
See picture ->

I like the avatar to be limited (150px 150px), but the reputation to be as shown... Like this: ->

How can I fix this? I'm looking CSS script just resize the avatar.
Thanks in advance!


Last edited by smejker on May 19th 2014, 1:39 pm; edited 1 time in total

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Ange Tuteur on May 6th 2014, 5:07 am

Hello smejker,

Instead of using width and height to resize the avatar, try instead using max-width and max-height.

Ex :
Code:
.class img {
  max-width:150px;
  max-height:300px;
}

If an image is larger than 150px in width, then it will be resized to the specified value.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 6th 2014, 6:43 am

Thanks Ange Tuteur
But but with this code nothing has changed ... everything is still the same.Crying or Very sad

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Ange Tuteur on May 6th 2014, 6:53 am

Please post a link to a topic on your forum which guests can see.

Thank you.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 6th 2014, 10:41 am

Thank you Ange,
Here is the link:

LINK!

Greetings...

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Pizza Boi on May 6th 2014, 1:55 pm

Hi Very Happy

Hmm.. try this:

Code:
div.postprofile dl dt img {
  max-width: 150px;
  max-height: 150px;
}

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

Re: Problem with avatar image

Post by smejker on May 6th 2014, 3:40 pm

O, o... Nothing... anyway thanks!

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Ange Tuteur on May 6th 2014, 11:52 pm

Change your selector to :
Code:
.postprofile dt > img

This should select the first image(usually the avatar)

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 7th 2014, 8:56 am

No change, so I went back to the squares ... so now... no problems with the size of the avatar
I think you may be able to regulate the size of the stars in the script... Here:


Code:
repImage :'http://i57.servimg.com/u/f57/18/21/41/30/star12.png'


Anyway ... Regards & Respect!

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 13th 2014, 2:25 pm

Any solution???
Sad

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Ange Tuteur on May 13th 2014, 2:43 pm

Post your CSS you use to style the avatar here.

Thanks.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 13th 2014, 2:47 pm

Here Is it Ange:

Code:
.postprofile dt img {
 max-width: 150px;
min-width: 150px;
max-height: 150px;
min-height: 150px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
border: 2px #0000ff;
    padding: 2px;
}

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by Ange Tuteur on May 13th 2014, 2:54 pm

Replace it by :
Code:
.postprofile dt > img {
max-width: 150px;
min-width: 150px;
max-height: 150px;
min-height: 150px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
border: 2px #0000ff;
padding: 2px;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Problem with avatar image

Post by smejker on May 13th 2014, 3:13 pm

With this code avatar is with original size. It's not 150px...
I'll probably go back to the squares (cubes), because only then I haven't problem...
In any case thanks
You can close this thread...
Regards & Respect!

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Problem with avatar image

Post by SLGray on May 19th 2014, 8:15 pm

Locked as Requested


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


SLGray
Administrator
Administrator

Male Posts : 35652
Reputation : 2375
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