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

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

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.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
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 -->

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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 ?

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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 ?

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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 !

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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

Builderbox
Forumember

Male Posts : 149
Reputation : 1
Language : English

http://pwnyswtor.rpdforum.com/

Back to top Go down

Solved Re: Avatar personalize

Post by Soul 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

Soul
Forumember

Male Posts : 673
Reputation : 79
Language : English
Location : United States

http://adminvortex.forumotion.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..

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 )

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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





APE
Manager
Manager

Male Posts : 8648
Reputation : 762
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