Profile Layout

Go down

Profile Layout

Post by Skia Drum on Sat Aug 27, 2016 11:37 am

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!
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Re: Profile Layout

Post by APE on Sat Aug 27, 2016 11:49 am

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 Sat Aug 27, 2016 1:00 pm; edited 1 time in total



avatar
APE
Administrator
Administrator

Male Posts : 12514
Reputation : 1310
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Re: Profile Layout

Post by Skia Drum on Sat Aug 27, 2016 11:54 am

@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?
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Re: Profile Layout

Post by APE on Sat Aug 27, 2016 12: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




avatar
APE
Administrator
Administrator

Male Posts : 12514
Reputation : 1310
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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