Latest topics
» IconSkouliki Graphics
by skouliki Yesterday at 05:08

» "Edit this page" feature
by skouliki Yesterday at 01:37

» Dark Mode + Another Question
by Haggis Thu 19 Oct 2017, 10:36

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Van-Helsing Tue 17 Oct 2017, 15:07

» [GAME] What are you thinking right now?
by Ace 1 Tue 17 Oct 2017, 08:09

» [GAME] Count to One Million!
by Ace 1 Tue 17 Oct 2017, 08:07

» [GAME] Last Letter Game
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] World Snake
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] Never have I ever..
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] Animal Game
by universecat Mon 16 Oct 2017, 21:43

» [GAME] Post a random picture
by SLGray Mon 16 Oct 2017, 16:28

» Hi everyone!
by skouliki Mon 16 Oct 2017, 02:01

» Hai Guys~
by skouliki Mon 16 Oct 2017, 01:59

» Add a login popup for the toolbar
by Ape Sun 15 Oct 2017, 13:51

» Mobile Usability Test
by Ange Tuteur Sat 14 Oct 2017, 11:20

Recent Tutorials
Who is online?
In total there are 3 users online :: 0 Registered, 0 Hidden and 3 Guests :: 2 Bots

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

avatar
masesm
Member
Title :
Gender : Male
Posts : 10
Points : 1364
Reputation : 11
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 : 301
Points : 1714
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