Latest topics
» Web Page Speed & Optimization for FAE
by dannig Today at 21:38

» Bootstrap compatibility
by dannig Yesterday at 18:26

» Need Help installing Forumactif Edge Theme
by dannig Yesterday at 12:21

» Forumactif Edge - FRENCH Translation
by Milouze14 Yesterday at 12:05

» Awards
by Ange Tuteur Yesterday at 11:28

» [GAME] Count to One Million!
by Ange Tuteur Yesterday at 11:20

» Forumotion Edge - italian translation
by Ange Tuteur Yesterday at 11:10

» Forumactif Edge Web Page - Italian Translation
by Ange Tuteur Yesterday at 11:07

» [GAME] Post a random picture
by Ange Tuteur Yesterday at 11:02

» Hello!
by brandon_g Yesterday at 09:15

» Profile fields CSS/bbcode stopped working
by dannig Tue 25 Apr 2017, 11:21

» Issues with adjusting centered profile fields
by Ange Tuteur Mon 24 Apr 2017, 11:54

» [GAME] Q&A
by Dr Jay Sun 23 Apr 2017, 14:53

» [GAME] Last Letter Game
by Dr Jay Sun 23 Apr 2017, 14:26

» [GAME] Never have I ever..
by Dr Jay Sun 23 Apr 2017, 14:25

Recent Tutorials
Top posting users this month
Who is online?
In total there are 9 users online :: 1 Registered, 0 Hidden and 8 Guests

dannig

[ 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

avatar
masesm
Member
Title :
Gender : Male
Posts : 10
Points : 1188
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
avatar
Michael_vx

Title :
Gender : Male
Age : 25
Posts : 299
Points : 1537
Reputation : 75
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