Web Site Developer and Graphic DesignWeb Site Developer and Graphic Design
Archives | Web Site Design | Web Development | Flash | Graphic Design | SEO  

JANUARY 2006


I am proud to announce that Tiger Studios will have it's first sponsor table at the upcoming Colorado American Marketing Association's Non-Profit Marketing Conference. The conference will be held on Thursday, January 26th at the Belmar Center in Lakewood, Colorado. If you are attending this conference please stop by my table and say Hi!

Happy New Year Everyone!
Kim Adams, President, Tiger Studios, Inc.


Ask Tiger Studios


Q: Can I make a block of text all CAPS without having to retype it?

A: Yes. CSS is great for creating text style consistency within a page and web site. If you want to have a title style be in all caps then you will use the following code:

text-transform:uppercase;

Add the text-transform code to the <H1> tag style and every time the <H1> tag is used it will be in all CAPS.

<STYLE TYPE="text/css">
<!--
H1 { font-family:times; font-size:24pt; font-weight:bold; text-transform:uppercase; }
-->
</STYLE>

Have a question on CSS that you would like to see in this newsletter? Send them to Tiger Studios

CSS — In-Line Style

In November, I introduced you to the use of Cascading Style Sheets or CSS. Today I am going to show you a little about how to use CSS within an HTML document. This process is called an in-line style and can only be used in the HTML document the code is found on. Stay tuned for information on how to create a site-wide style sheet.

So what does in-line style CSS look like? Just below the <HEAD> tag in your document you will need to put the following code:

<STYLE TYPE="text/css">
<!--

Text style information will go in here later.
-->
</STYLE>

This will be the area where you will place all of your text styles. Once you have the above code displayed in the top of your HTML document you can have some fun by setting up the styles for the text. Say you want your main paragraph text to be black in Arial with a 12pt font size. You need to tell the document that every time there is a <p> tag it needs to display that text as 12pt Arial. To make that happen you will add the following code within the STYLE tags above:

p { font-family:arial; font-size:12pt; color: #000000 (black); }

You should now have something that looks like this for your CSS:

<STYLE TYPE="text/css">
<!--
p { font-family:arial; font-size:12pt; color: #000000; }
-->
</STYLE>

Now, every time you use the <p> tag in your HTML document your fonts will display in Arial 12pt font size. So, what if you would like to set up a title style for your document? As I discussed last year with Search Engine Optimization, search engines like the use of H1, H2 and H3 tags. You can set the style for any of those tags by doing the following:

H1 { font-family:times; font-size:24pt; font-weight:bold; color: #990000 (red); }

What does this style do? It says that every time there is an <H1> tag the text will display in a red Times 24 pt font in bold.

<STYLE TYPE="text/css">
<!--
p { font-family:arial; font-size:12pt; color: #000000; }
H1 { font-family:times; font-size:24pt; font-weight:bold; color: #990000; }
-->
</STYLE>

Share This Newsletter!
Do you know someone who needs a web site or help with their current web site? Feel free to forward this newsletter or have them sign up for their own copy of our monthly newsletter on the Tiger Studios web site.


A Little About Tiger Studios

Tiger Studios can help you with all of your design needs whether it is for a business card, brochure, advertisement, web site or e-newsletter. We help clients with a wide range of projects including print collateral, logo design, web sites, and ecommerce. This allows the client to use one company for all of their needs instead of keeping track of several companies on several projects.

To learn more about Tiger Studios and our services, check out our web site www.Tiger-Studios.com or contact Kim Adams at mail@Tiger-Studios.com for a free estimate of your next web site or graphic design project.