wviewweather.com

chrisale · Joined: 09 Nov 2005 Posts: 187

Hi everyone.

I've spent the weekend working on generalising and template-izing my htx templates.

I believe I've come to the point where they are ready to roll.

These templates follow the strict XHTML 1.0 standard.. they all validate "out of the box" at http://validator.w3.org

The Cascading Style Sheet included with it also validates at the W3C site, there are a few warnings about background-color, but they're not important for now.

If you make any changes to these templates, be sure to revalidate them. The big gotchas with XHTML are:
#1: all html must be lowercase
#2: single elements (<br /> or <hr /> or <img />) must have the closing slash at the end of the tag.

The validator is pretty good at letting you know this stuff when you test, so test early and often. Smile

I've included the XHTML and CSS validator buttons on the index.htx page

And with that...

You can download a tar.gz file of the templates from the following link:

http://www.alberniweather.ca/templates.tar.gz

If you have any troubles or comments or anything about these templates, please let me know. I can easily update them.

If you want to see what these templates will look like with "live" data go to the following links:

http://www.alberniweather.ca/indextemp.htm
http://www.alberniweather.ca/almanactemp.htm
http://www.alberniweather.ca/Dailytemp.htm
http://www.alberniweather.ca/Monthlytemp.htm
http://www.alberniweather.ca/Yearlytemp.htm
http://www.alberniweather.ca/Currenttemp.htm

bodemory · Joined: 06 Dec 2005 Posts: 43

Thanks for your efforts Chris ! Great add to wview.

Cheers
Brice

chrisale · Joined: 09 Nov 2005 Posts: 187

I've udpated the CSS stylesheet somewhat for the templates... refined it a little.. it should now display slightly more consistently between IE and Firefox (I've specified a better font.. and specified font-size and line-height to force all browsers to act the same).

I've also run the code through an optimizer that strips out unneccessary whitespace (though comments as well!), combines rules where possible, and eliminates redundant rules...

the CSS file is now 29% smaller.. which should make a difference for people on dialup.

If you're really into it... you can shrink the CSS even further (taking 40% off the original file size... by going to this site:
http://flumpcakes.co.uk/css/optimiser/
and unclicking the "Pretty Print" option... it takes out all the unnecessary whitepace... it's very difficult to edit after that though.

DO NOT try to use Borders and Styles groupings... they definitely do not work well for my stylesheet....

You can download the latest stylesheet at:
http://www.alberniweather.ca/weatherstyletemp.css

You don't need to make any changes to the templates for the changes to take effect... but if you *have* made changes to the templates to suit your site, make sure you backup your original CSS file first... and then test your site with the new CSS file.