Green Business Web Site Template

"•E-mail "spam bot" protection code for your e-mail address"

I don't see that.  I see plain text email addresses in the mailto: references.

Hi Kathy,

A few of the Expression Web MVPs recommended the technique of surrounding the @ sign with <code> tags. No guarantee but according to them that technique is 99% spambot proof.

Anna

The <code> tag is not around the email address in the mailto: href, only in the displayed text.  That is certainly no protection.  Spam bots will grab it from there.

And to be clear, here is what I am looking at:

<a href="mailto:you@youremail.com" title="email">info<code>@</code>loremipsum.com</a>

That is because they are doing it wrong. I wrote about this in 2004... http://accessfp.net/protect-your-email-address.htm this is what you need to do. Here is the code snippet

<a title="Copy and Paste the email address to your email editor to send me mail or use the contact form on the Contact page.">name<code>@</code>mydomain.com</a> 

You cannot have a accessible email link that is clickable however you can have a accessible email link that is easy enough for anyone to use ... its just not clickable.... given all the parameters of the sitution I belived then (in 2004) that was the best solution and I belive its still the best one.

Sorry I thought I had outlined what to do I should have given you the link to the tutorial which makes it clear. If they would change that factor in the dwt there should not be a problem.

So I removed the false advertising as the method only works if the email isn't a click-able hyperlink. Thanks for making it more clear Tina :)

Hi Jimmy...

Great template!

What is the colour code you are using for the "grey" and what was the font name for the logo?

Thanks.

--Yvonne333

I like this design very much and tried to use it for a specific project. However, I've more or less given up trying to adapt it to my content, as the style sheet seems to hold a full set of different styles for each page. I thought the big idea with EW and the clever dwts was to reuse styles throughout the site so that any changes would be reflected sitewide. If for example I wanted to change H1 color or indent in this template, I have to do it for each page and not just in one location. Or am I missing something here?

Unfortunately that is the case for some of the CSS, since each page has a different presentation and layout. However if you've hit a roadblock I can try my best to help you out :)

It is inconvenient but you do have to change the H1 color or indent for each page and not just one location. If you want all the text for each H1 tag to be the same (indent, color, etc), simply delete the following CSS selectors and their contents.

#top_splash_index h1
#top_splash_about h1
#top_splash_contacts h1
#top_splash_partners h1
#top_splash_projects h1
#top_splash_services h1

and add the following CSS properties (color, margin-top, margin-left) to the h1 selector thats already there on the style sheet.

h1 {
	font-size: 1.875em;
	text-decoration: none;
	font-weight: normal;
        /* color for each h1 tag */
        color: #YOURCOLORHERE;
        /* margin from the top of the div */
        margin-top: put a value here;
        /* margin from the bottom of the div */
        margin-left: put a value here;
}

Hope that helps!

Thanks Jimmy L._

I use to use FrontPage and am still getting use to WEB 4.  I love CSS and DWTs.  Thank you for your tips on editing the CSS !  

Here's the thing - I've seen Jimmy in Vancouver BC a few times, and every time his presence stands out a mile away. It is the same way with Green Business. You know, he even created unique and exceptional styles for each page, so project breakouts using unique styling for each project is a breeze. Totally exceptional! Thanks Jimmy!!

Hi,

How could I add a fully functional blog option to the template?  If not, where can I get a similar template with this option?

Thanks greatly, Valene

A good place to start is with an HTML5 CSS3 form. http://creativefan.com/html5-and-css3-form-design-30-tutorials-to-create-html5-forms-with-css3/

Try and keep everything globally accessible.
http://www.impressivewebs.com/css3-browser-support/

Some bright green minds would say this means stepping beyond the domains of respectable (simple) HTML coding, into the dark passages of Jquery's transformer enforcement! (The usual culprit, IE9 again.)
http://blog.templatemonster.com/2010/10/18/free-html5-template-hosting-website/

Hi All,

I really love this template!
Thank you Jimmy to share us this high quality template.

I've customized it (pictures/content/pages), but I've a question about the meta tags:
Do I need to specified the meta tags for each pages or can I filled up the dwt that could be enough?

Thanks !
Seb

Sorry for the delay on this response!

Yes you can just edit the dwt file and that should be enough. However if there is something that you want specifically for each page, you might have to write your own meta tags.

Hope this helps :)