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.

Profile appearance

View previous topic View next topic Go down

Solved Profile appearance

Post by łukskała on February 25th 2017, 8:01 pm

I admire how the profile looks on this forum, like this so basically I would like to make a border around the users profiles, my forum is http://premierhax.forumotion.co.uk


Last edited by łukskała on March 1st 2017, 7:43 pm; edited 1 time in total
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 26th 2017, 12:11 am

Hi there,

You can put a border in the profile details via this code on CSS.
Code:
.postprofile {
 border: 1px solid #000;
}

If you understand the code, you can edit it yourself. If not, this is what each value means.
'1px' means the width of the border, 'solid' means the style of the border, and '#000' means the color of the border. You can change those values as you see fit.

Hope that helps.
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 27th 2017, 6:59 pm

Hi, that helped but how can I make the space between the profile picture and the border look as there is actually space if you know what I mean. Also the space between the avatar and the forum name. Here is a picture:


Also how can i make the border a little bit rounded
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by APE on February 28th 2017, 12:11 am

To add a slight rounded on the corners
Change the code Draxion with this one
TRICK /TIP:
Change the 4px to how you want it Wink
Code:
.postprofile {
border: 1px solid #000;
border-radius: 4px !important;
}

TRICK / TIP:
Then add this and change the 7px to how you want it
Code:
.postprofile dt img{
margin-bottom: 7px;
}



avatar
APE
Manager
Manager

Male Posts : 10669
Reputation : 996
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 28th 2017, 5:43 pm

Thanks APE and Draxion for replying. It worked but is there any way of making space between the avatar and the border like I showed in the picture above?
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 28th 2017, 7:05 pm

If you mean add some space at the top from the border, use the code APE gave you but change it to this.
Code:
.postprofile dt img{
margin-top: 7px;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 28th 2017, 8:19 pm

Thanks very much Draxion that worked, solved my problem
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 28th 2017, 8:32 pm

You're very welcome. Have a good day!

Be sure to mark to topic 'solved' Wink


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on March 1st 2017, 7:43 pm

blam, solved Very Happy
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by brandon_g on March 1st 2017, 8:31 pm

Topic solved and archived ~ brandon_g
Please read our forum rules: ESF General Rules


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5943
Reputation : 547
Language : English
Location : USA

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