Latest topics
» Sticky navbar
by Joost Today at 11:04

» Logo Request
by Valoish Today at 10:23

» [HELP] Improve the reputation system so it counts votes
by omarpop23 Today at 02:55

» Chit Chat Thread
by Wolfuryo Yesterday at 11:23

» Dark Mode
by Ange Tuteur Yesterday at 10:22

» Help to update a code that does not work after JQuery Update!
by Ange Tuteur Yesterday at 10:18

» problen in Select a Category javascript
by Ange Tuteur Yesterday at 10:16

» random theme
by Ange Tuteur Yesterday at 10:16

» [GAME] Countdown from 200,000
by Wolfuryo Tue 27 Jun 2017, 14:46

» FM Chatbox
by Wolfuryo Tue 27 Jun 2017, 14:28

» [GAME] Animal Game
by Valoish Tue 27 Jun 2017, 11:32

» [GAME] What are you doing right now?
by Valoish Tue 27 Jun 2017, 11:32

» [GAME] this or that
by Valoish Tue 27 Jun 2017, 11:31

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Valoish Tue 27 Jun 2017, 11:30

» [GAME] Count to 999 using odd numbers Van-Helsing Edition
by Valoish Tue 27 Jun 2017, 11:30

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

STBW, Wolfuryo

[ 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 : 1250
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 : 299
Points : 1598
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