Latest topics
» Mobile Version
by  Yesterday at 21:03

» Icons
by  Yesterday at 21:03

» Change the style of tooltips with tooltipster !
by white Yesterday at 05:25

» [GAME] What are you doing right now?
by Valoish Mon 16 Jan 2017, 21:24

» Star in navbar
by Kisskiss Mon 16 Jan 2017, 13:10

» Chit Chat Thread
by  Mon 16 Jan 2017, 12:25

» Starred Forums
by Milouze14 Mon 16 Jan 2017, 12:11

» [GAME] Post a random picture
by  Sun 15 Jan 2017, 22:31

» [GAME] Count to 999 using odd numbers Van-Helsing Edition
by Valoish Sun 15 Jan 2017, 17:23

» [GAME] What are you listening to right now?
by Valoish Sun 15 Jan 2017, 17:23

» Flat Browser Buttons
by  Sun 15 Jan 2017, 12:15

» #12 Pick a Theme
by SLGray Sat 14 Jan 2017, 20:07

» IconSkouliki
by skouliki Sat 14 Jan 2017, 03:07

» _userdata.usergroup
by STBW Sat 14 Jan 2017, 01:11

» Add more topic title colors
by Samantha Fri 13 Jan 2017, 19:43

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

Dr Jay

[ 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 : 1087
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 : 25
Posts : 291
Points : 1413
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