miniBB ® 

miniBB

®
Support Forums
  
 | Start | Register | Search | Statistics | File Bank | Manual |
Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /  
 

Bigger forum width for bigger screen resolution

 
Author jontrac
Partaker
#1 | Posted: 7 Jan 2015 19:28 
For those who have high screen resolutions (over 1024 x 768), this little tweak will make the forum width become 70% of the screen instead of fixed 850px as default. With lower screen resolution, the width stays as 850px. It helps the forums look much better in big screens.

In ./bb_default_style.css:

Look for:
.tbTransparent, .tbTransparentmb{
font-family:Arial,'lucida grande',tahoma,verdana,sans-serif;
width:850px;
background:transparent;
font-size:9pt;
text-align:center;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}
Add under:
@media screen and (min-width:1024px){
table.forums, table.forumsmb, .tbTransparent, .tbTransparentmb{
width:70%;
}
}
Not sure if it benefits everyone, but it definitely does for me. :)

Author Paul
Lead Developer 
#2 | Posted: 8 Jan 2015 11:40 
Thank you, Does it work for all browsers? What standard number is this CSS for?

Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /
 Bigger forum width for bigger screen resolution
 Share Topic's Link

Your Reply Click this icon to move up to the quoted message


  ?
Post as a Guest, leaving the Password field blank. You could also enter a Guest name, if it's not taken by a member yet. Sign-in and post at once, or just sign-in, bypassing the message's text.


Before posting, make sure your message is compliant with forum rules; otherwise it could be locked or removed with no explanation.

 

 
miniBB Support Forums Powered by Forum Software miniBB ® Home  Features  Requirements  Demo  Download  Showcase  Gallery of Arts
Compiler  Premium Extensions  Premium Support  License  Contact Us
Install the Captcha add-on: protect your miniBB-forums from the automated spam and flood.


  ⇑