Some simple changes to Brooke Ashley’s Photography blog. Her pictures say it all, we just wanted to compliment her great work with subtle design elements:

A brand new website for Zusti! Home Maintenance Service using WordPress:

A fun playful logo for La Olla products:

A throwback logo for Birds on a Line:

Just a few of the fun projects I’ve been working on. If you need help with your website or business image, visit my website www.brookehalldesign.com for more info.

You can find the most popular posts in the sidebar.

There’s room for more sponsors in the sidebar.

You can search easily through archives of the most popular post categories up in the header.

I’m *working* on a home tour… that’ll be here soon. I realized it was far easier to clean one room at a time and shoot it rather than have the whole house clean, because with my schedule, it just ain’t happenin’. But I do have before pictures and even I forgot the depth of the transformation. I’m excited to share.

And just for old times… here’s a shot of what the blog USED to look like {for those of you in your readers, click over and check out the new digs}:

Oh, and if you’re using Internet Explorer version 6 {you can find out by going to Help/About Internet Expolorer} PLEASE UPGRADE! PRETTY PLEASE!!!

sorry… that got ugly.

Your blog reads hexidecimal colors. They are represented in six digit values. I create these hex colors through my eyedropper tool in Photoshop, but if you don’t have this at your disposal, you can use 2createawebsite.com to generate hex colors. You can copy and paste any hex number {will look something like this: #B14646} with any hex number you have in your stylesheet.

A reminder on how to get to your stylesheets:

For WordPress

In the admin section, Appearance/Editor, your file might be called “stylesheet.css” or some other “.css” file. If there are more than one, open them all and you’ll be using the longest one.

For Blogpsot

In the admin section, under Layout/Edit HTML, your stylesheet is hardcoded all in one page with the blog. The styles are held at the top of the page between <style> tags {You can also use Layout/Fonts and Colors to paste your hex colors into}.

Your code should look something like this:

h1 {
font-family: ‘Trebuchet’, Arial, sans-serif;
font-weight: bold;
font-size:24px;
color: #333333;
}

**Just to be safe: copy and paste the entire code of what you are working on, into Notepad or Textedit, in case you forget a semi-colon, or something goes terribly wrong, you can put the old code back in a try again. Just a caution. You can’t miss a character or it won’t look correct and may break your page.**

To change your font, locate your stylesheet.

For WordPress

In the admin section, Appearance/Editor, your file might be called “stylesheet.css” or some other “.css” file. If there are more than one, open them all and you’ll be using the longest one.

For Blogpsot

In the admin section, under Layout/Edit HTML, your stylesheet is hardcoded all in one page with the blog. The styles are held at the top of the page between <style> tags {You can use Layout/Fonts and Colors, but you’ll be limited to six fonts}.

Find any reference to  “font-family:” in your stylesheet. In Firefox, I like to use the Edit/Find function to find pieces of code, but you can manually look if you’d like. If there is a list of several fonts, like this “font-family: Century Gothic, Trebuchet, Arial, sans-serif;” it is saying this: “Use Century Gothic. If the user doesn’t have Century Gothic installed, use Trebuchet. If the user doesn’t have Trebuchet installed, use Arial, and if the user doesn’t have Arial installed, use a sans-serif font they do have installed.” Replace the first font with the one you’d like to display. Below are a list of web-safe fonts and how to add them.

**Just to be safe: copy and paste the entire code of what you are working on, into Notepad or Textedit, in case you forget a semi-colon, or something goes terribly wrong, you can put the old code back in a try again. Just a caution. You can’t miss a character or it won’t look correct and may break your page.**

font-family: Arial, sans-serif;

font-family: ‘Arial Narrow’, Arial, sans-serif;

font-family: ‘Arial Black’, Arial, sans-serif;

font-family: ‘Courier New’, courier, serif;

font-family: Georgia, serif;

font-family: ‘Times New Roman’, Times, serif;

font-family: “Lucida Console”, serif;

font-family: Verdana, Arial, sans-serif;

font-family: ‘Trebuchet’, Arial, sans-serif;

font-family: ‘Tahoma’, Arial, sans-serif;

font-family: ‘Palatino Linotype’, Palatino, serif;

font-family: ‘Impact’, Arial, sans-serif;

font-family: ‘Gill Sans’, Verdana, Arial, sans-serif;

font-family: Copperplate Gothic Light, Copperplate, serif;

font-family: ‘Century Gothic’, Verdana, Arial, sans-serif;

If you want to show more than one font

You can have different fonts for your titles and for your body copy. Look around in the stylesheet for any instance of “font-family:”. The titles of your posts are probably an H1 style. If there is no “font-family:” in your H1 style, add the entire line that you see above, and don’t forget the semi-colon!

If you are bored of these fonts

Try making them bold {font-weight:bold;}, or making it larger {font-size:30px;}, or making it all caps {text-transform:uppercase;} or changing the color {details in the next tutorial}.

Hope this helps!

images from webdesigndev.com.