Page 2 of 6

Re: New Style

Posted: 20:45 Tue 12 Aug 2008
by JacobH
jdaw1 wrote:JacobH: “slightly more restrained use of px as a unit of measurement†. Yes and no. The logo is a fixed 48px by 48px, so H1 text shown next to that should be expressed in px. For sensible comparison, so is H2. My intention was that other text be in ems, though PEBKAC is more than likely.
At the moment, you’ve got h1 as 4ems which on my machine, with default settings, translates to about 62px:

Code: Select all

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
	font-size: 4em;
[…]
}
The h2 is, however, being explicitly defined as 48px

Code: Select all

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 48px;
	margin: 0.8em 0 0.2em 0;
}
Perhaps we could have the h2.logo being 48px and have the normal h2 (which is used as the topic titles) slightly smaller?

Incidentally, if ProSilver is the default style for phpbb3, I’m a bit appalled at the quality of the CSS that they’ve put into the release. Due to the Cascading nature of CSS, having a well structured file is absolutely vital. Also, if grouping is done properly and by feature rather than html element, it is much easier to modify the CSS without running hundreds of search/replace queries. You very much have my sympathy for having to wrestle with it!

Re: New Style

Posted: 20:46 Tue 12 Aug 2008
by JacobH
DRT wrote:
JacobH wrote: I hate to think how much of my life I have wasted
I am prepared to sympathyse providing the waste is expressed as a percentage of current age :wink:
At a conservative estimate of 6 months, I suppose that would be something like 5%? ;-)

Re: New Style

Posted: 20:59 Tue 12 Aug 2008
by jdaw1
jabobH wrote:I’m a bit appalled at the quality of the CSS that they’ve put into the release. Due to the Cascading nature of CSS, having a well structured file is absolutely vital
Thank you — it’s not just me. It does seem like a mess.

Anyway, you have email with the latest version. Feel free to rewrite (or to tell me to rewrite) anything.

Re: New Style

Posted: 21:01 Tue 12 Aug 2008
by benread
Am I being blind or is the "quote" button now awol?

Re: New Style

Posted: 21:39 Tue 12 Aug 2008
by DRT
JacobH wrote:
DRT wrote:
JacobH wrote: I hate to think how much of my life I have wasted
I am prepared to sympathyse providing the waste is expressed as a percentage of current age :wink:
At a conservative estimate of 6 months, I suppose that would be something like 5%?
So, you can think yourself lucky that you are not my age otherwise that would be 53 months :wink:

Re: New Style

Posted: 22:27 Tue 12 Aug 2008
by DRT
jdaw1 wrote: Good spot. Found and fixed, at least on my at-home version.
Jdaw1,

I'm not sure what your "at home" version consists of but if it allows you to seem the results of your labour when applying fixes then perhaps you could post screenshots here so that we can continue to comment between updates to the live system?

Derek

Re: New Style

Posted: 00:47 Wed 13 Aug 2008
by jdaw1
I have set the default style back to black.

Users may still choose ThePortForumRed for themselves, if they should so wish. When it’s nearer perfection it will become the default.

Re: New Style

Posted: 05:20 Wed 13 Aug 2008
by RonnieRoots
jdaw1 wrote:I have set the default style back to black.

Users may still choose ThePortForumRed for themselves, if they should so wish. When it’s nearer perfection it will become the default.
Will this style still be available when theportforumred becomes default?

Re: New Style

Posted: 12:22 Wed 13 Aug 2008
by jdaw1
RonnieRoots wrote:Will this style still be available when theportforumred becomes default?
Chief Admin’s decision.

Re: New Style

Posted: 12:50 Wed 13 Aug 2008
by DRT
jdaw1 wrote:
RonnieRoots wrote:Will this style still be available when theportforumred becomes default?
Chief Admin’s decision.
I agree it is Chief Admin's decision but I vote yes, it should still be available for the users to choose individually if they want to.

Re: New Style

Posted: 17:18 Sun 17 Aug 2008
by jdaw1
Larger icons implemented. Comment welcome.

New colours can’t yet be enabled because of a strange bug that will, hopefully, be fixed soon.

Re: New Style

Posted: 19:12 Sun 17 Aug 2008
by DRT
The button size does not seem to have changed. Perhaps the change just isn't great enough to make a difference.

I have noticed that a few of the buttons (such as Reply) seem to have hyperlinks hidded beneath them that are not very well hidded.

Derek

Re: New Style

Posted: 00:51 Mon 18 Aug 2008
by jdaw1
DRT wrote:I have noticed that a few of the buttons (such as Reply) seem to have hyperlinks hidded beneath them that are not very well hidded.
Hmm. Will work on that. (Except that none of my work will have any affect until the ‘refresh’ problem is fixed.)

Re: New Style

Posted: 04:19 Mon 18 Aug 2008
by jdaw1
Hmmmm. Refresh problem was my fault: strictly ASCII please — no “•† characters.

So we have progress — please set your style to ThePortForumRed, and either marvel or make specific suggestions.

And I know the jump-to-top graphic is a mess.

And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}

Re: New Style

Posted: 18:41 Mon 18 Aug 2008
by benread
I have moved to new TPF red style and "back to the top" buttons seem to be missing. Any ideas how I get these back?

Thanks.

Re: New Style

Posted: 20:25 Mon 18 Aug 2008
by jdaw1
benread wrote:Any ideas how I get these back?
You ask me. On the case.

Re: New Style

Posted: 21:30 Mon 18 Aug 2008
by JacobH
jdaw1 wrote:Hmmmm. Refresh problem was my fault: strictly ASCII please — no “•† characters.
Ah, that’s what those characters were! Out of interest, what encoding were you using? I would have thought UTF-8 would be safe.

The new theme is great; I like it a lot and anyone on ProSilver should switch. I do wonder whether the header might change, though. To my eyes, it might look better if either the logo (or, if not the whole logo, just the letters) were re-drawn so it appeared smooth at a larger size, or if the header appeared in a mono-spaced typeface which would then more closely match the letters of the logo.
jdaw1 wrote: And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}
I think you may have got this working, but if not:

CSS defines 4 main link pseudo-elements:
a:link (normal link)
a:visited (link that has already been visited)
a:hover (normal link with mouseover)
a:active (link that has been clicked on and is currently loading)

They must, bizarrely, come in that order to work and I don’t believe that you are able to nest them (so you can’t have a different colour for a visited link which has been hovered over compared to one that has not been visited and is being hovered over; but I don’t think you are trying to do that).

-Jacob

Re: New Style

Posted: 21:51 Mon 18 Aug 2008
by JacobH
jdaw1 wrote: And please, in the following why doesn’t the second set of lines work?

Code: Select all

a:link:focus, a:visited:focus {border: thin dotted #cc9933;}
a:link {color: #990000;}
a:visited {color: #cc9933;}
a:link:hover, a:visited:hover {color: #000000;}
a:link:active, a:visited:active {color: #ffffff; background-color: #990000;} 

a:link[background-color ~= #990000] {color: #ffffff;}
a:link:hover[background-color ~= #990000] {color: #c46a6a;}
a:visited:hover[background-color ~= #990000] {color: #c46a6a;}
a:link:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;} 
a:visited:active[background-color ~= #990000] {color: #990000; background-color: #cc9933;}
Also, I haven’t used attribute selectors before, but can they be used for CSS? I thought they could only be used for selecting HTML attributes? For example:
input[type="submit"]{ xyz };
would select:
<input type="submit">

The only way to achieve CSS selection would with be with in-line CSS:
p[style="color: white"]{ xyz };
or a class:
p[class="post"]{ xyz };

Re: New Style

Posted: 23:25 Mon 18 Aug 2008
by jdaw1
JacobH wrote:The new theme is great; I like it a lot and anyone on ProSilver should switch.
Well, thank you kindly.
JacobH wrote:I do wonder whether the header might change, though. To my eyes, it might look better if either the logo (or, if not the whole logo, just the letters) were re-drawn so it appeared smooth at a larger size, or if the header appeared in a mono-spaced typeface which would then more closely match the letters of the logo.
This is a digital community: its digitality, the forum, is at its core. Hence the deliberately bitmapped logo. The official TPF typeface is Palatino Bold, and the official colour is 0.6:0:0 = 990000, or pantone 704 in print.

As for the CSS, www.webmasterworld.com/forum83/9334.htm suggested the layout I used. (And I am thoroughly unable to adjudicate its disagreement with you.) But in any event the problem was ‘fixed’ only by removing all the 990000 backgrounds.

Re: New Style

Posted: 04:09 Tue 19 Aug 2008
by jdaw1
jdaw1 wrote:
benread wrote:Any ideas how I get these back?
You ask me. On the case.
BackToTop uparrow has returned. That was more trouble, and less well done, than it ought to have been.

Private message pages also tidied. Comment welcomed.

Re: New Style

Posted: 05:51 Tue 19 Aug 2008
by benread
jdaw1 wrote:
jdaw1 wrote:
benread wrote:Any ideas how I get these back?
You ask me. On the case.
BackToTop uparrow has returned. That was more trouble, and less well done, than it ought to have been.

Private message pages also tidied. Comment welcomed.
...but much appreciated. Thank you.

Re: New Style

Posted: 10:54 Tue 19 Aug 2008
by DRT
Could the header please look like this?

Note smaller font.

Image

ThePortForum.com

Re: New Style

Posted: 14:02 Tue 19 Aug 2008
by jdaw1
No. That occupies more vertical space — one would have to scroll sooner and further.

Re: New Style

Posted: 09:49 Wed 20 Aug 2008
by DRT
Can we have the smaller font and a larger gap between the logo and ThePortForum.com?



ImageThePortForum.com

Re: New Style

Posted: 13:10 Wed 20 Aug 2008
by jdaw1
Screenshot very helpful. Thank you. Looks far better on my Mac Firefox.

Please could you ensure that the stylesheets are refreshed. Please click refresh, shift-refresh, or whatever it is on IE that forces it to completely reload.

Re: New Style

Posted: 15:38 Wed 20 Aug 2008
by jdaw1
JacobH: please, in the following, taken from www.theportforum.com/styles/ThePortForu ... common.css, how do I add 12px of padding to the right of the image?

Code: Select all

#site-description {
	float: left;
	width: 70%;
	font-family: Palatino Times Serif;
	font-weight: bold;
	background-image: url("http://www.ThePortForum.com/styles/ThePortForumRed/imageset/site_logo.gif");
	padding-right: 120px;
	background-position: left center;
	background-repeat: no-repeat;
}

Re: New Style

Posted: 22:01 Wed 20 Aug 2008
by DRT
jdaw1 wrote:Screenshot very helpful. Thank you. Looks far better on my Mac Firefox.

Please could you ensure that the stylesheets are refreshed. Please click refresh, shift-refresh, or whatever it is on IE that forces it to completely reload.
Who was this directed at and what is it that looked far better?

Re: New Style

Posted: 22:53 Wed 20 Aug 2008
by JacobH
jdaw1: it depends a little on what you’re exactly trying to achieve (as there are a few ways to go about it), but you probably want to use:
padding-left: Xpx;
where X is the width of the image + 12px.

This is because the CSS box model dictates that a left-aligned background image will align to the line at the left of the padding area. If we increase the size of this padding to the width of the image+12px the content should then not overlap and have a nice “margin† around it.

Code: Select all

CSS box model:
_______
| _____
| | __
|m|p|c
|a|a|o
|r|d|n
|g|d|t
|i|i|e
|n|n|n
| |g|t
| | |_
| |___
|_____

Re: New Style

Posted: 04:12 Thu 21 Aug 2008
by jdaw1
Thank you.

Mac Firefox, latest version, X needs to be only 12px, not 48+12 = 60px. Please could an IE user test: is the large “ThePortForum.com† now slightly separated from the logo?

Re: New Style

Posted: 08:02 Thu 21 Aug 2008
by DRT
jdaw1 wrote:Thank you.

Mac Firefox, latest version, X needs to be only 12px, not 48+12 = 60px. Please could an IE user test: is the large “ThePortForum.com† now slightly separated from the logo?
Screenprint sent by email.

Re: New Style

Posted: 08:19 Thu 21 Aug 2008
by JacobH
Julian, if you’d like to test the page in a number of browsers, a good site is http://browsershots.org/. They used to be quite slow, but I think they’ve improved a bit now.

Re: New Style

Posted: 20:51 Thu 21 Aug 2008
by jdaw1
JacobH wrote:Julian, if you’d like to test the page in a number of browsers, a good site is http://browsershots.org/. They used to be quite slow, but I think they’ve improved a bit now.
Thank you. But as I realised only after viewing browsershots.org/websites/903532/, I will first need to set ThePortForumRed to be the default style.

Re: New Style

Posted: 02:28 Sat 23 Aug 2008
by jdaw1
[url=http://theportforum.com/viewtopic.php?p=17535#p17535]Here[/url] jdaw1 wrote:Right. Having heard what’s been said, and considered the arguments, and following our increasingly-traditional one-man-one-vote democratic habit† , the new tawny is ┓ˆâ”“ˆâ”“ˆ #CC6600 ┓ˆâ”“ˆâ”“ˆ, and the new pale tawny is ┓ˆâ”“ˆâ”“ˆ #f4ddc6 ┓ˆâ”“ˆâ”“ˆ. And I am unanimous about that. To show it against the opposite background, they are quoted here.
In this self-same post dictator jdaw1 wrote:the new tawny is ┓ˆâ”“ˆâ”“ˆ #CC6600 ┓ˆâ”“ˆâ”“ˆ, and the new pale tawny is ┓ˆâ”“ˆâ”“ˆ #f4ddc6 ┓ˆâ”“ˆâ”“ˆ
†  Me being the man.

Re: New Style

Posted: 02:51 Sat 23 Aug 2008
by jdaw1
I’ve also replaced the grey post background with ┓ˆâ”“ˆâ”“ˆ #e9e9c7 ┓ˆâ”“ˆâ”“ˆ, as grey is used for various neutral borders. Objections to the change? Same saturation and intensity as the new faint tawny, similar but clearly non-identical hue.

Re: New Style

Posted: 00:02 Fri 29 Aug 2008
by DRT
For those who like the Style proFormell, please go to your User Control Panel >> Styles and select ThePortForumSilver, which is a variant of proFormell with a different header.

prosilver users have gained a TPF logo.

Feel free to grumble.

Re: New Style

Posted: 19:20 Mon 01 Sep 2008
by Overtired and emotional
I have found the new scheme rather difficult to cope with, not in the sense of being unable to read the content, but in finding that the colours make me tire of reading quickly. I am red green colour blind; this may be a factor. Having said that, I would not criticise those who undertake the labour of redesigning the site.

Re: New Style

Posted: 19:25 Mon 01 Sep 2008
by jdaw1
The background colours go through a version a day: I can’t get no satisfaction. Please suggest, perhaps using www.jdawiseman.com/papers/trivia/web-colours-hsl.html for inspiration.

Re: New Style

Posted: 19:32 Mon 01 Sep 2008
by JacobH
I’m afraid that I’m less sure about the mintish green than the previous colours! Considering the large use of white in the new style, I wonder whether the problem you are having with the colours is less to do with the colours themselves but rather the architectural elements that pull the page together? As an experiment, perhaps a bolder user of borders might help the site gel together?

Re: New Style

Posted: 19:36 Mon 01 Sep 2008
by jdaw1
Agreed. Mintish green bad, and deceased. And green henceforth to be avoided outside

Code: Select all

 boxes. 

The background colours in the threads are there to help separate consecutive posts, and nested quotations (see very silly thread [url=http://theportforum.com/viewtopic.php?f=8&t=1642&start=25]Time Tunnels[/url]).

Re: New Style

Posted: 20:09 Mon 01 Sep 2008
by JacobH
Although, oddly, the background colours seem to disappear in the middle of the Tunnel…

Re: New Style

Posted: 20:12 Mon 01 Sep 2008
by JacobH
Not for the first time, it would have helped if I had read through the whole of the post before posting a reply…

Re: New Style

Posted: 20:32 Mon 01 Sep 2008
by DRT
I think the contrasting colours in posts are distracting. Can I suggest very light grey and very very light grey?

Re: New Style

Posted: 20:45 Mon 01 Sep 2008
by jdaw1
The same colours are used in consecutive PM messages, and some of the PM controls use grey. So I’d rather not use grey backgrounds. Unless the consensus is that I should.

Re: New Style

Posted: 21:09 Mon 01 Sep 2008
by DRT
What colour is the background in this post? Two lighter shades of this colour would do for me.

Re: New Style

Posted: 21:10 Mon 01 Sep 2008
by DRT
I have just noticed that the Board Index link has disappeared from the top of threads. Is this intentional? If so, what is the reasoning? Either way, I would prefer to have it back if others agree.

Re: New Style

Posted: 21:20 Mon 01 Sep 2008
by jdaw1
DRT wrote:I have just noticed that the Board Index link has disappeared from the top of threads. Is this intentional? If so, what is the reasoning? Either way, I would prefer to have it back if others agree.
Is there a reason that you’re reluctant to click on the big site name?

Re: New Style

Posted: 21:49 Mon 01 Sep 2008
by DRT
jdaw1 wrote:
DRT wrote:I have just noticed that the Board Index link has disappeared from the top of threads. Is this intentional? If so, what is the reasoning? Either way, I would prefer to have it back if others agree.
Is there a reason that you’re reluctant to click on the big site name?
No. But I, and others less familiar with the site than I, would have to know that it done (or is it did?) the same thing.

Re: New Style

Posted: 21:55 Mon 01 Sep 2008
by jdaw1
For almost all sites, and especially phpbb sites, clicking on the site name goes back to the main page. Standard operating procedure. (Except ’orrible proFormell.)

Re: New Style

Posted: 21:58 Mon 01 Sep 2008
by DRT
I would like to say that I am starting to like ThePortForumRed. I hope JDAW's enthusiasm and commitment to make it work can be maintained in the face of such grumblings.

Nearly there I think.

Re: New Style

Posted: 22:04 Mon 01 Sep 2008
by DRT
jdaw1 wrote:For almost all sites, and especially phpbb sites, clicking on the site name goes back to the main page. Standard operating procedure. (Except ’orrible proFormell.)
It's obviously so intuitive that I just can't understand how I missed it.