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.

Profile Layout

2 posters

Go down

Profile Layout Empty Profile Layout

Post by Skia Drum August 27th 2016, 12:37 pm

Hi there are several changes I need in the profile part of every thread:

1. How can I reposition the username together with the rank display on top of the profile image?
2. How can I add a border arround the profile image just like here in fm?

Thanks!
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Profile Layout Empty Re: Profile Layout

Post by Ape August 27th 2016, 12:49 pm

Profile border:

Find:
Code:
.postprofile {
    color: #fff;
    text-align: center;
}

Replace with:
Code:
.postprofile {
    color: #fff;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 3px 3px;
}

if you can't find the top code then just add it to the top of your CSS files Smile and Don't forget to save Smile

Change the #DDD to what ever colour you want Smile


Last edited by APE on August 27th 2016, 2:00 pm; edited 1 time in total


Profile Layout Left1212Profile Layout Center11Profile Layout Right112
Profile Layout Ape_b110
Profile Layout Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19211
Reputation : 2001
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Profile Layout Empty Re: Profile Layout

Post by Skia Drum August 27th 2016, 12:54 pm

APE wrote:Profile border:

Find:
Code:
.postprofile {
    color: #fff;
    text-align: center;
}

Replace with:
Code:
.postprofile {
    color: #fff;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 3px;
}

if you can't find the top code then just add it to the top of your CSS files Smile and Don't forget to save Smile

Change the #DDD to what ever colour you want Smile

thanks! is it possible to double a border?
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Profile Layout Empty Re: Profile Layout

Post by Ape August 27th 2016, 1:20 pm

Hmm Not sure you could put a box shadow on it

like this:
Code:
.postprofile {
    color: #fff;
    text-align: center;
    border: 3px solid #560606;
    border-radius: 3px 3px;
    box-shadow: 0px 1px 1px 0px rgb(255, 202, 8);
    margin-right: 2px;
}

just need to change the colours to how you like it Smile

Profile Layout Captur80


Profile Layout Left1212Profile Layout Center11Profile Layout Right112
Profile Layout Ape_b110
Profile Layout Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19211
Reputation : 2001
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top

- Similar topics

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