1. Adding one icon to all the headings

The image you choose for background will be used for all the h2 tags. I will keep the h2 font simple but you can use more properties to style it differently.

CSS code:

h2 {

background: url(images/accept.png) no-repeat;
line-height: 16px;
text-indent: 21px;
font-size: 14pt;
font-weight:bold;

}

line-height should be at least the height of your image so it won’t be trimmed. My icon is 16×16 so my line-height will be 16px.

text-indent is the space you will need for your icon. Mine is 21px.

HTML code: (preview in image above)

<h2>Heading 2 text</h2>
<h2>Heading 2 text</h2>
<h2>Heading 2 text</h2>

2. Adding different icons to the same heading in HTML

Perhaps you want to add a different icon to a heading without setting a new class style. An easy way to do this is to use an inline style in your HTML. Remember that you should avoid mixing styles in HTML but if you must, do it sparsely.

HTML code:

<h2 style="background:url(images/house.png) no-repeat">Home</h2>

<h2 style="background:url(images/direction.png) no-repeat">Directions</h2>

<h2 style="background:url(images/delivery.png) no-repeat">Delivery</h2>

3. Adding different icons to the same heading using CSS
Perhaps you want to use different icons for groups that share the h2 tag. For this we’ll specify different classnames for the same heading.

CSS code:

h2.smiley {
	background: url(images/smiley.png) no-repeat;
	line-height: 16px;
	text-indent: 21px;
	font-size: 14pt;
}

h2.house {
	background: url(images/house.png) no-repeat;
	line-height: 16px;
	text-indent: 21px;
	font-size: 14pt;
}

h2.delivery {
	background: url(images/delivery.png) no-repeat;
	line-height: 16px;
	text-indent: 21px;
	font-size: 14pt;
}

In CSS you’ll specify different classnames (.smiley or .house) for the h2 tag and change the background image for each one. Name your style according to your icon so you won’t get confused.

HTML code:

<h2 class="smiley">Group 1</h2>
<h2 class="smiley">Group 1</h2>
<h2 class="smiley">Group 1</h2>

<h2 class="delivery">Group 2</h2>
<h2 class="delivery">Group 2</h2>
<h2 class="delivery">Group 2</h2>

<h2 class="house">Group 3</h2>
<h2 class="house">Group 3</h2>
<h2 class="house">Group 3</h2>

In HTML just add the classname you created in your h2 tag (class=”your class”).

4. Adding icons to body text and headings without CSS
If you simply just want to add an icon by a text or heading without creating a new property use this:

<img src="images/house.png" align="middle" width="16" height="16" style="padding-right:7px" /> Sample text

and for headings…

<img src="images/delivery.png" align="left" width="16" height="16" style="padding-right:7px" /> <h3>Sample heading</h3>

Inline styles:
You can align left or right. Padding-left defines the space needed for your icon.

Download source files: iconheadings.rar

Spending money to promote your website is effective if you choose the right tools but some of the most powerful solutions are free. Below are some practices that can improve your exposure.

In this a step-by-step tutorial I will show you how to design a car logo like the ones above. The instructions are explained in detail so even beginners will understand.

1. Style the font

Type a name for your car.
For font choose Copperplate Gothic Bold.

Next open the character panel and use these properties: 80% for vertical scale and set the font size to 48 pt. The color you set doesn’t matter because we will style the font.

Color stops are the small blocks of color.

Color stop 1: color #797f59, location 24%
Color stop 2: color #3c4025, location 27%
Color stop 3: color: #bec980, location 82%
Color stop 1: color #797f59, location 24%

Next, select Bevel and Emboss and set the properties as you see them in the image below.

The properties will make the font stand out.

Continue styling the font. Select stroke and use,
color: solid white
size: 1px
opacity: 100%.

Next select outer glow and use,
color: #999e80
spread: 100%
size: 2px
range: 100%
opacity 100%

And lastly, give it a drop shadow with,
blend mode: color burn
color: solid black
angle: 90
distance: 0px
spread 37%
size: 9px
noise: 0%
You won’t see a shadow under the font yet because color burn doesn’t change on white.

Your font should now look like this.

2. Ornaments
The next step is to create some ornaments around the font. I simply used ornament 5 from custom shapes. To find it, click the shape tool in the tool box (or press “u”). Hold with your mouse until a drop down list appears. Select custom shape tool.

A shape box will appear in the top options bar.

1. Select fill pixels for the shape
2. Click on the shape box. A drop down list with shapes will appear.
3. Click the small arrow on the right. Another drop down list will appear. Select “ornaments”
4. Ornament shapes will appear in the list. Choose ornament 5

Next create a new layer and create 1 ornament shape above the font you just styled. Hold down shift when expanding your ornament to preserve its original shape. Also make sure that your shape is set to anti-alias to be smooth. Select the anti-alias checkbox from the options bar on top.

There are too many color stops for the ornament gradient so please just download the style: ornamentstyle.psd

After download, open ornamentstyle.psd in Photoshop, right click the single layer and copy layer style.

Return to your car logo, right click on the layer that holds your decoration and select paste layer style. Your shape should now be styled.

Now we need to place another ornament design below the font. Do the following:
1. Duplicate the first layer containing the ornament design to get a second one
2. Select the Rectangular Marquee Tool (M)
3. Right-click (with the Marquee Tool selected) on the new ornament
4. Select Free Transform. The design will be outlined.
5. Right-click again and select flip vertical
6. Move the new design below the font

Your design should now look like this,

3. Background Block
The background block will be behind the font. First download the style for it: bkgblock.psd

Open the file, copy layer style, and in a new layer (inside you logo design), paste the layer style. In the new layer create the shape in the second image below using a rectangle and a Hexagon Frame from custom shapes. Merge them together in one layer.

Place the block behind the font and over the decorations. Do this by dragging the layers in the layers panel.

4. Ring
Looking at the design so far it would seem like something is missing. Most car logos have a ring around them. Let’s create one.

1. Create a new layer and use the same style from the block shape.
2. From custom shapes select the thin circle frame shape.
3. Create a ring around the design.
After you insert the ring you should have a finished looking design!

5. Adjustments
Move things around if necessary. For different styles simply adjust the size of decorations or rings.

Change HTML
We’ll use the following HTML image code as an example:

<a href="yourlink.html"><img src="image.jpeg"/></a>

To remove the border just add…

border="0"

…after the image source like so:

<a href="yourlink.html"><img src="image.jpeg" border="0"></a>

Border 0 is equal to no border.

Add CSS Rule
The most effective way to remove image borders is to add a CSS rule.

Add the following code to remove borders from all your images.

img {
   border-style: none;
   }

Add the following code to remove borders from all your linked images.

a img {
    border: 0;
    }

Another quality of digital media is the convenience at which one can access information. Acquiring information via the internet is much more faster and easier. For example, if you want to order a pizza it’s more convenient to just use the internet to find a close location opposed to… how do you do it otherwise?

Let’s consider how the usage of the Yellowpages dropped. We all have an outdated publication of that beast in the depths of drawer (used on occasion as a coffee table). The popularity of websites like Google Maps, Yahoo! Local, and Map Quest eliminate the hassle of flipping through directories and making phone calls.

Whatever the case of the Yellowpages book may be, the company is still in business because they joined the online trend. You can list your business for free on yellowpages.com or easily find others!

People like more results in less time and less effort. Digital media is definitely more efficient in today’s society.

<— What’s Wrong With This Picture?

The book (produced since the 15th century) doesn’t seem in place with all those new-age gadgets. But should we disfavor the all beloved book? One may argue that not all things can be dismissed; that some things have been around for too long to simply just be replaced. Like how letters could have “never” been replaced by a better communication method.  New technology changes everything we do and now it has begun to reshape the way we read.  Therefore makes believe that most times we don’t realize changes because we integrate so well with them. This article is about the evolution of books and the rise of their successors, e-books (electronic books). For those of you who don’t know much about them, they’re reading devices with electronic ink displays. The difference between reading something on an e-book and a regular books is very significant.

I’ve read paper books all my life until I heard about Amazon’s Kindle (see in video below) and bought one. Three things make me favor the Kindle: It can carry over 3000 books without losing its portability (obviously), I can check the meaning of any word with an in-built dictionary, and it has FREE wireless internet which I use to buy new books for it or just browse the internet for information. I should also mention that electronic paper doesn’t hurt your eyes because the ink is material

Below is Amazon’s ad fo their new reading device, the Kindle 2:

And here is a peek into the future of electronic paper. Presently, there is still desire for improvement with e-books.

Will books be replaced by e-books?

Yes! Undoubtedly!!! Why the bold answer? Because of these 2 powerful facts:

• Paper manufacturing practices are among the largest polluters of air.
• People like more results in less time and less effort.

The Berkeley National Laboratory, estimated that the average American worker uses 10.000 sheets of copy paper per year. It is estimated that 500,000,000 tons of paper and paperboard are produced per year. Certainly digital publishing can be a big environmental benefit. Reading e-books will reduce pollution caused by paper production and shipping books.

According to sale estimates, since 2008 more than 2 million people in the U.S. own a kindle reading device (other devices not calculated) Judging from that foothold I can say that E-books will soon appear in more homes and places where there is a demand for efficiency – for example in schools, replacing old text books like the chalk board was replaced by computer projectors.  Measuring the influence of e-books today I’m convinced that they will dominate future generations.

• Information is the most powerful medium for promoting services, products, or activities.
• The internet is the most powerful communication tool.

The correlation between them signifies one of today’s of most powerful marketing solution – the website! Not only can a website help you in terms of marketing but also time-efficiency, investment, and credential-wise.

Online Marketing

People nowadays use the internet as a primary source for gathering, sharing, and inquiring information. Most businesses use their website as a primary source for revenue and promotional tool. Posting ads in print can be expensive and in some cases not as effective as online posting. Statistics show how popular websites are:

Save time with your website!

Your website can store all the information you want to share with your clients. If people are interested in services you offer, search engines will appoint them to your website. No need to spend most of your time finding clients, let them find you.

Another time-efficient feature websites offer are automated payment methods. Paypal and other payment gateways make it easy for you to securely accept and send payments in minutes.

Low Investment

Websites are  like offices (worldwide offices) and can cost little money to make. The larger part of your expenses will go into the design and development. Some websites might cost thousands of dollars to make others just a few hundred and some can go even below that. The actual cost will vary based on the type of website you want and the designers you hire. Keeping your website online is even less expensive – it’s extremely affordable!  On average you will pay around 70 dollars per year for hosting and a domain name. Some hostees even offer free hosting! (but not recommended for a business website or one that attracts a lot of visitors). Have you a low budget, many companies like Google can help you promote your website by placing your banner ads on other websites. You can advertise with a low budget but some of the best promotion methods are free – getting listed in search engines or online directories like YellowPages.

Credibility

It has become a standard for businesses to own a website. Without one you are  practically invisible to most potential clients.  Websites also translate professionalism (or lack of professionalism if you are not careful with the content and look of your Web pages).  Some things that make a website professional and give you credentials can be appealing design elements, a lot of information about your activity, images of your completed projects, testimonials, and automated payments via secure gateways.

You may be offering great services or products for great prices but in some cases that’s not enough. Before committing to your business, clients need to be convinced of your professionalism. In today’s society a business without a website can deteriorate.

A website can speed up the way you work. Instead of looking for clients, allow them to find you. People use search engines and online directories like Google Directories or Yellowpages.com to find businesses and you need to be listed on them!

The next great advantage is the way you process payments.Websites use e-commerce (or) payments gateways which means you can accept payments on your website through automated vendors. You can eliminate the hassle of cashing checks and offer your clients a much easier and faster way to pay you. Below is a video about the popular payment solution, Google Checkout.

Another great advantage a website can bring you is credibility which is important when there’s competition. A business with a website can present to their clients information in a professional, organized manner. Things like business history, pictures of completed projects, services or pricing listings, secure payment methods, and testimonials improve your credibility. They convince people of your qualities and help them feel comfortable doing business with you.