The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I adjust the width of my forum + some questions.

View previous topic View next topic Go down

Solved How can I adjust the width of my forum + some questions.

Post by skiadrum on September 16th 2015, 5:48 am

Technical Details


Forum version : #phpBB2
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : http://mitshiflyff.forumtl.com/

Description of problem

Hello guys. I am still learning on how to get my forum set.
This is my forum:
http://mitshiflyff.forumtl.com/ (phbb2)

I am referring to this forum (for design purposes)
http://celestialflyffr2.forumtl.com/

Also,
How can make I center these area:
(This is on my forum)


To be like this,
(This is my reference forum)


Thanks!


Last edited by epik on September 19th 2015, 2:51 pm; edited 1 time in total

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by brandon_g on September 16th 2015, 1:03 pm

Hello,

To adjust your forum width, you simply have to go to ACP (Admin panel)-->General-->Configuration-->Scroll down to page structure, you will see forum width, height, etc here. Just simply change width to whatever you want.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5144
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by skiadrum on September 18th 2015, 5:57 am

@brandon_g wrote:Hello,

To adjust your forum width, you simply have to go to ACP (Admin panel)-->General-->Configuration-->Scroll down to page structure, you will see forum width, height, etc here. Just simply change width to whatever you want.

-Brandon

Thank you! how about the aligning of the profile in a thread? just like the screenshot I uploaded with a center alignment?

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by brandon_g on September 18th 2015, 8:43 pm

Your welcome!


Not too sure about the profile alighn thing. Should be possible to do using CSS. Unfornatelly that is not my strong suite, so I wouldnt be able to help you much in that regard, sorry. I would ask @Ange Tuteur if he knows of any code for this or if he could develop one.

-Brandon


Last edited by brandon_g on September 18th 2015, 9:44 pm; edited 1 time in total

brandon_g
Support Moderator
Support Moderator

Male Posts : 5144
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by Ange Tuteur on September 18th 2015, 9:32 pm

@brandon_g Indeed, I know CSS like the back of my hand. Cool

Hi @Epik,

Add the following code to your CSS stylesheet.
Display > Colors > CSS stylesheet
Code:
.post span.name + br { display:none }
.post span.name, .post .postdetails.poster-profile {
 display:block;
 text-align:center;
}

This should center the profile content on phpbb2.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by skiadrum on September 19th 2015, 7:58 am

@Ange Tuteur wrote:@brandon_g Indeed, I know CSS like the back of my hand. Cool

Hi @Epik,

Add the following code to your CSS stylesheet.
Display > Colors > CSS stylesheet
Code:
.post span.name + br { display:none }
.post span.name, .post .postdetails.poster-profile {
 display:block;
 text-align:center;
}

This should center the profile content on phpbb2.

THANK YOU SO MUCH! That was a great help. And also I have a really last query I added between my thread, how can I put the rank logo below every author's display picture? (I saw this on my reference forum but mine is at the top of the author's display picture)

Please refer to this picture:

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by Ange Tuteur on September 19th 2015, 12:22 pm

For that go to Display > Templates > General and open the viewtopic_body template. Edit

Find :
Code:
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

and replace by :
Code:
{postrow.displayed.POSTER_AVATAR}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />

Then save and publish. Add

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by skiadrum on September 19th 2015, 1:45 pm

@Ange Tuteur wrote:For that go to Display > Templates > General and open the viewtopic_body template. Edit

Find :
Code:
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

and replace by :
Code:
{postrow.displayed.POSTER_AVATAR}<br/>{postrow.displayed.RANK_IMAGE}<br /><br />

Then save and publish. Add

Thanks for this! A big help! One last thing until I am settled, how can I limit the maximum size of an uploaded picture in a thread/reply?

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by Ange Tuteur on September 19th 2015, 2:03 pm

This CSS rule should resize profile images that are larger than 150x200 :
Code:
.post .postdetails.poster-profile img {
  max-width:150px;
  max-height:200px;
}

You can add it into your sheet like the previous code, and adjust the maximum values if necessary.

In regards to the posts, you should be able to enable the following option :
Admin Panel > General > Messages and Emails > Config > Images resize

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by skiadrum on September 19th 2015, 2:23 pm

@Ange Tuteur wrote:This CSS rule should resize profile images that are larger than 150x200 :
Code:
.post .postdetails.poster-profile img {
  max-width:150px;
  max-height:200px;
}

You can add it into your sheet like the previous code, and adjust the maximum values if necessary.

In regards to the posts, you should be able to enable the following option :
Admin Panel > General > Messages and Emails > Config > Images resize

Just to clarify, the ".post .postdetails.poster-profile img" code is for the maximum of the display picture of the authors right? And then "Admin Panel > General > Messages and Emails > Config > Images resize" will set the max uploaded images in the forum right? So it will also be efffective within the old images and the images were about to upload?

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by Ange Tuteur on September 19th 2015, 2:29 pm

Yes, the first code is for images in the author's profile column. If you want it to target the user avatar directly, you just need to edit your viewtopic_body again, and replace {postrow.displayed.POSTER_AVATAR} with the following :
Code:
<span class="post-avatar">{postrow.displayed.POSTER_AVATAR}</span>

Then you can just use this CSS instead :
Code:
.post .post-avatar img {
  max-width:150px;
  max-height:200px;
}
I'd recommend this, since the previous rule I posted will resize any image in the profile column if it's greater than 150x200.


The second option is for automatically resizing images in the message content. This will affect all messages before and after. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by skiadrum on September 19th 2015, 2:50 pm

@Ange Tuteur wrote:Yes, the first code is for images in the author's profile column. If you want it to target the user avatar directly, you just need to edit your viewtopic_body again, and replace {postrow.displayed.POSTER_AVATAR} with the following :
Code:
<span class="post-avatar">{postrow.displayed.POSTER_AVATAR}</span>

Then you can just use this CSS instead :
Code:
.post .post-avatar img {
  max-width:150px;
  max-height:200px;
}
I'd recommend this, since the previous rule I posted will resize any image in the profile column if it's greater than 150x200.


The second option is for automatically resizing images in the message content. This will affect all messages before and after. Wink

Thanks! Now I am settled at the moment Smile

skiadrum
New Member

Male Posts : 11
Reputation : 1
Language : English

http://mitshiflyff.forumtl.com/

Back to top Go down

Solved Re: How can I adjust the width of my forum + some questions.

Post by Ange Tuteur on September 19th 2015, 3:05 pm

You're welcome ^^

Topic archived

Have a nice weekend. Very Happy

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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