The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Problem with avatar image

4 posters

Go down

Problem with avatar image Empty Problem with avatar image

Post by smejker 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 ->
Problem with avatar image Vztq2w
I like the avatar to be limited (150px 150px), but the reputation to be as shown... Like this: ->
Problem with avatar image Aaw5ee
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
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by smejker 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
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

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

Thank you.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

Thank you Ange,
Here is the link:

LINK!

Greetings...
smejker
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

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

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by smejker 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
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

Any solution???
 Sad 
smejker
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

Post your CSS you use to style the avatar here.

Thanks.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by smejker 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
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

Post by smejker 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
smejker
Forumember

Male Posts : 167
Reputation : 4
Language : serbo-croatian/english/macedonian/bulgarian

Back to top Go down

Problem with avatar image Empty Re: Problem with avatar image

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

Locked as Requested


Problem with avatar image Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum