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 personalize

View previous topic View next topic Go down

Solved Avatar personalize

Post by Builderbox on September 25th 2015, 12:34 pm

Sup i need to know how to personalize the avatar : i mean how to add more things there ?


Last edited by Builderbox on September 27th 2015, 5:42 pm; edited 1 time in total
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Guest on September 25th 2015, 12:46 pm

What exactly are you wanting to add? Just more profile fields?

Guest
Guest


Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 25th 2015, 12:49 pm

yes
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by SLGray on September 25th 2015, 9:05 pm

Administration Panel > Users & Groups > Users > Profiles
Press the create button and fill in the information for the customized field.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38450
Reputation : 2587
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 2:48 pm

No guys i want to personalize the avatar : on my forum the avatar is simple :

And i want to be *for example* like this -->
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Ange Tuteur on September 27th 2015, 2:51 pm

Hi @Builderbox,

You can find your answer in the following topic. Smile
http://help.forumotion.com/t143382-circles#977209
avatar
Ange Tuteur
Forumaster

Male Posts : 13120
Reputation : 2805
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 2:57 pm

Ty for that and now one more question : How can i put my avatar in border like here ?
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Ange Tuteur on September 27th 2015, 3:03 pm

Add this CSS to style the profile container :
Code:
.postprofile-details {
  background:#333;
  border:1px solid #666;
  border-radius:3px;
  padding:3px;
}

Change the hex colors ( 333, 666.. ) as you wish. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13120
Reputation : 2805
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 3:11 pm

Thanks and some question now,here is my pic :

1.How can i put the avatar in mid?
2.How can i put the rank in mid (like the avatar),because if so i would like to add a new rank img)?
3.The fields (same in the mid)?
4.How to increase the border in length ?
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Ange Tuteur on September 27th 2015, 3:28 pm

Replace :
Code:
.postprofile-details {
  background:#333;
  border:1px solid #666;
  border-radius:3px;
  padding:3px;
}

With :
Code:
.postprofile-details {
  background:#333;
  border:1px solid #666;
  border-radius:3px;
  padding:3px;
  text-align:center;
}
( or add text-align:center; to the rule )

As for the border, do you mean its thickness ? You can increase that by changing the 1px in the border property to a higher value.
avatar
Ange Tuteur
Forumaster

Male Posts : 13120
Reputation : 2805
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 3:38 pm

I mean to increase the border in length :

And thanks for the others questions !
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Ange Tuteur on September 27th 2015, 3:42 pm

Oh. You can either use height or padding. I think padding might be a better choice since you can sorta center the content vertically. Try adding this to your sheet :
Code:
.postprofile-details {
  padding-top:20px;
  padding-bottom:10px;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13120
Reputation : 2805
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 3:47 pm

Thanks again and now i want to move the avatar more up (it look like this) :
And the rank,fields too
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Jadster on September 27th 2015, 3:59 pm

Hello @Builderbox,
Find this code in your CSS.

Code:

background: #333 none repeat scroll 0% 0%;
border: 1px solid #666;
border-radius: 3px;
padding: 100px 3px 10px;
text-align: center;

And replace it with:
Code:

background: #333 none repeat scroll 0% 0%;
border: 1px solid #666;
border-radius: 3px;
padding: 30px 3px 10px;
text-align: center;

This should fix the issue with the spacing above your avatar.

Hope this helps! If you need further assistance, please let me know.

-James
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 871
Reputation : 119
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Avatar personalize

Post by Builderbox on September 27th 2015, 4:08 pm

dont worked the avatar its still like in the image :
The avatar dont get upper..
avatar
Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Ange Tuteur on September 27th 2015, 5:07 pm

Make sure to balance the top and bottom padding values. Otherwise it wont appear vertically centered. So, something like that, but halved to 50 and 40 for the bottom :
Code:
.postprofile-details {
  padding-top:50px;
  padding-bottom:40px;
}
( the bottom has a natural space, so subtract 10 )
avatar
Ange Tuteur
Forumaster

Male Posts : 13120
Reputation : 2805
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar personalize

Post by APE on September 29th 2015, 1:42 am

Topic solved and archived



avatar
APE
Manager
Manager

Male Posts : 9859
Reputation : 910
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