Latest topics
» Widget : Recent Members
by WinaTickets Today at 03:11

» How To Install the Code Snippet Button
by SLGray Yesterday at 20:56

» Select Button
by SLGray Yesterday at 20:25

» FM Themes
by SLGray Yesterday at 16:48

» User - Made Creations
by SLGray Yesterday at 16:48

» The Football Forums
by Mati Yesterday at 15:22

» [BUG] Avatar doesn't resize when reading the profile
by Samantha NL Yesterday at 12:33

» Search Bar Options
by Samantha NL Yesterday at 11:38

» Chit Chat Thread
by Jazeon Yesterday at 05:42

» Christmas logo
by Teo! Yesterday at 03:56

» SyncEditor
by keko_ferkeko Yesterday at 00:31

» Private message bg color
by Mr.Alam Thu 08 Dec 2016, 22:54

» Multi-step Login Form
by Samantha NL Thu 08 Dec 2016, 12:54

» Member of the Month
by Samantha NL Thu 08 Dec 2016, 12:38

» Forumactif Edge - Dutch Translation
by Samantha NL Thu 08 Dec 2016, 10:49

Recent Tutorials
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

[TUTORIAL] [PHPBB3] Adjust the space between the user profile and the post, and also resize them.

View previous topic View next topic Go down

masesm
Member
Title :
Gender : Male
Posts : 10
Points : 1048
Reputation : 10
Location : United States of America
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postmasesm on Thu 27 Feb 2014, 02:10

Hello,
If you use the PHPBB3, the space between the profile and the post is too much. Better yet, the profile has so much extra space that some of us don't need. With these two CSS codes, you will be able to adjust the space between the post and the poster's profile, as well as resize them however you please.

Now, in order to understand this trick, you must understand that there is a ratio between how much the profile and the post occupy of each page. With this code, you will be able to adjust the percentages. It is recommend to use percentages because pixels are limited and will not appear perfectly on wide screens, or different browsers.

The first code will determine the space occupied by the profile:
Code:
.postprofile{
width: 12%;
}

The second code will determine the space occupied by the post:
Code:
.postbody{
width: 82%;
}

You see the profile will occupy 12%, and the post will occupy 82%. That means there is 6% left (out of 100%). That 6% will be the space speared to keep a space between the post and the poster's profile.

Hope this helped; cheers,
masesm
Michael_vx

Title :
Gender : Male
Age : 24
Posts : 290
Points : 1373
Reputation : 74
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx on Fri 02 Jan 2015, 00:29

looks good idea i guess
Very Happy

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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