[RFC] Define max-width for prosilver

[mrgtb]

Another improvement I think could be made to the style now it uses a white rounded forum background (although it's a matter of taste) really for each person. Get rid of that horrible yellow "hover colour" used on forums listings, also match same hover colour used for all areas of forum like on members list and online users list to "same colour used" (instead of being different), to be more uniformed across the board again.

I changed the yellow to white after playing around with different colours. That colour works really well, and is more of a neutral colour most would be happy with. Look at screen-shots of 3 different forum areas changed to use same white hover colour (then check same areas here).

3.PNG

(71.18 KiB) Downloaded 1240 times

02.PNG (21.18 KiB) Viewed 28562 times

03.PNG

(32.82 KiB) Downloaded 1240 times

[mrgtb]

Again, I don't really get why you have forum home using a different CAT bar image than forum listing page, online listing page e.t.c? On my forum I've made both those different areas match up "looking exactly same" with category bar image used. Also used same CAT bar image (but modified with photoshop) to be longer for header background also, done so the header area matches up as well.

forum home page:

a.png (20.49 KiB) Viewed 28558 times

forum listing page:

b.png

(49.92 KiB) Downloaded 1236 times

This is how it looks here with screen-shots taken to show the difference from mine (used above).

forum home page:

c.png (31.06 KiB) Viewed 28555 times

forum listing page:

d.png (50.22 KiB) Viewed 28555 times

if you want to see these same changes made in my last 3 post in action live, then visit my forum link in signature below, have a look around.

[M.Gaetan89]

I think you'll like this PR. It removes all the gradient images and replace them with CSS gradient. So each category will always have a gradient, independently of the number of forums.
However, I think using the alternate background color (as on topics list) would also be a good solution.

[mrgtb]

Now that the forum uses it's own background with rounded corners. You can play around with styling the page "body background" more. Such as doing this, which I've just done on my forum.

In colours.css change:

Code: Select all

html, body {
	color: #536482;
	background-color: #F5F7FA;

To this:

Code: Select all

html, body {
	color: #536482;
	background: #F5F7FA url("./images/bg_body.gif");

Upload image used to "themes/images" folder. The image uses "coloured and transparent squares", so the background colour still shows through it (while image is used for whole page. Think it makes the border stand out better also around the forum using white squares with (current) but darker background colour showing through as alternate squares.

bg_body.gif (51 Bytes) Viewed 28524 times

a1.png (18.83 KiB) Viewed 28521 times

However, I tried something else adding a body background image that didn't work well because of other certain forums areas. Like WhoIs IP "Popup Box" causing issues when doing this. I wanted to add a solid (blue) image band across the top of the page body using this below.

Code: Select all

html, body {
   color: #536482;
   background: #F5F7FA url("./images/bg_body.gif") repeat-x;

But because the WhoIs online IP checking pop-up box is small and uses dark coloured text displayed on body background itself at top, same thing with smiley pop-up box. It wasn't possible to use an image band without it affecting those pop-up boxes looking daft with dark text you could hardly read against the blue body background band. Ruling out really you being able to add a dark coloured background band across top of forum to have two colours used. Much like how XenForo does it like this.

xf.png (12.65 KiB) Viewed 28506 times

So thought I'd mention this as it kind of limits you being able to style body background, unless you just tile a light coloured image all over it which I ended up having to do really, but would have preferred a coloured band across to break background up better and have two colours used on it.


If you used a forum background band at top, because the smiley box is short in height means that band (if blue lets say) would be used behind both title text and even what's displayed at bottom also (most likely). If the band was about 300px long used.

aa.png (30.09 KiB) Viewed 28501 times

Dark text title on page background not suitable if using a blue band on forum page body background

ab.png (32.14 KiB) Viewed 28501 times

[DavidIQ]

You're going way off scope/topic with all of your last few replies in this topic. Each and every one of your "suggestions" should be a separate RFC. If you're not going to talk about the max-width change that this topic is/was about please don't post here. Either find the relevant topic or start a new one, as has already been mentioned.

Thanks.

[mrgtb]

OK, point taken.

[Master_Cylinder]

It looks horrible with all of the padding on the sides...

[Octopus2]

For me it looks beautiful with all the padding on the sides...

[Ger]

I like proSilver the way it is now (for 3.1).
Of course you can discuss until 2050 about the exact looks, but IMHO that is not important. The most important thing is the basic structure with responsive design and inheritance as the biggest assets.
With proSilver as it is now, you can make a complete different style in just a mornings work. Create a overall_header, _footer and index_body with some alterations, change common.css end colours.css and maybe a my_style.css for the extras and you're ready. With that, you can change the exact width, the padding, the colors and everything else to your own taste.

IMO: no need for further debating this.

[callumacrae]

It looks horrible with all of the padding on the sides...

It looks different. People are biased against change. Please consider this and leave some time before making a comment.