Horizontally And Vertically Centering Div with CSS

While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this article we are going to show you our favorite involving CSS and jQuery.

But first, the basics:
Horizontal centering with CSS

.className{
margin:0 auto;
width:200px;
height:200px;
}

Continue this article

Adobe Dreamweaver CS5 Designer and Developer Friendly

With the new release of Adobe Creative Suite CS5 we expected more than a few changes in the Adobe Products. We all had our share of good and bad things when using the CS4 products. Adobe® Dreamweaver® CS5 software empowers designers and developers to build standards-based websites with confidence.

Design. Develop. Test and publish. Faster
Design visually or directly in code, develop pages with content management systems, and accurately test browser compatibility thanks to integration with Adobe BrowserLab, a new Adobe CS Live online service.* CS Live services are complimentary for a limited time. See what’s new

Dreamweaver CS5 streamlines both front-end and back-end development tasks with ease. With a set of integrated tools available directly in the authoring environment, Dreamweaver CS5 increases your productivity and virtually eliminates the need for external third-party browser-based tools.
About for more information

Make the Footer Stick to the Bottom of a Page

There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they've used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it's completely valid CSS, and it works in all major browsers. Internet Explorer 5 and up, Firefox, Safari, Opera and more.

Add the following lines of CSS to your stylesheet. The negative value for the margin in .wrapper is the same number as the height of .footer and .push. The negative margin should always equal to the full height of the footer (including any padding or borders you may add).


* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

Follow this HTML structure. No content can be outside of the .wrapper and .footer div tags unless it is absolutely positioned with CSS.

<html>
<head>
<link rel="stylesheet" href="layout.css" ... />
</head>
<body>
<div class="wrapper">
<p>Your website content here.</p>
<div class="push"></div>
</div>
<div class="footer">
<p>Copyright (c) 2008</p>
</div>
</body>
</html>

Add Colours - New Year 2011

May God richly bless you throughout this New Year and always.

http://www.addcolours.com/new-year2011.html

AddColours is there to full fill your dreams.

Button with jQuery animation

Download source files from below link for onhover button fading effect with jQuery.
http://tutorial9.net/demos/button-sprites/demo.html

Top 40+ Excellent Freefonts For Professional Design

The importance of typography in design can’t be overestimated. The accuracy, precision and balance of geometric forms can give letters the elegance and sharpness they deserve. Besides, elegant fonts can help to convey the message in a more convenient way. In fact, while there are many excellent professional fonts (we’ve presented some of them in our article 80 Beautiful Typefaces For Professional Design) there are literally thousands of free low-quality fonts which you would never use for professional designs.

Download below link for absolute free corporate fonts. Don't waste designers time, direct download link:

Download free fonts

Ref for professional font - smashingmagazine.com

The Affiliate Marketing Success Recipe

Affiliate marketing is one of the best ways to make money online and we have people making thousands of dollars (and even millions) from their affiliate marketing efforts. We all love to get great results from little efforts and that is exactly what affiliate marketing brings about – No need to answer support queries, no need to brainstorm product ideas etc.

Successful affiliate marketers have a recipe, and this is what most newbie don’t know. You don’t just setup an affiliate website and expect the income to be flowing; there are steps you have to take to get the best from your affiliate marketing efforts. This post will be explaining a 4-step-recipe used by many successful affiliate marketers to make money online.

1. Market Research

One thing I have learned from many successful affiliate marketers is that they don’t just jump into a niche and begin to try to make money online promoting affiliate products but they always research effectively before committing their resources into a niche.

It is a very dangerous mistake to get started in a niche you know nothing about, you have to research effectively and have enough details about the niche you are about to enter. When trying to start affiliate marketing in a particular niche, you have to have basic knowledge of the niche, such as the type of audience, the buyer intent, the competition and which type of product works best in that niche. You wouldn’t want to be promoting ebooks in a niche where they love to buy books in hardcover.

2. The Right Product

After you know the type of market and what works best, you wouldn’t just want to start promoting any product you see, this isn’t going to work! Another crucial step to making money online from affiliate marketing is promoting the right product. I have discovered that promoting products from big brands tend to convert better because the big companies will have done a lot of the marketing work, and your prospect would have come across the product on several occasions, he/she will be more likely to buy it than other products he/she is coming across for the first time.

Another thing you should note is that if a product has been over-promoted, you might not get the best from your promotion efforts because most of the buyers would have gone after the recommendations of a guru in the niche, thereby leaving you with less opportunity to make sales.

3. Focus on Trust

Another core factor that determines how you make it with affiliate marketing is trust. It is very important to focus on building trust with your prospects first. It is very important to know that it is easier to destroy your trust than it is to build it. If you worked hard on building trust with your readers, you can destroy that trust by promoting the wrong product.

There are several ways to build trust with your readers (or to-be customers) and one of the best ways to build trust is by making sure you give value. If you are promoting your affiliate products via your blog, it is very important to focus on writing high-quality, valuable content first because this will help you win the trust of your readers, thereby making them buyers.

4. Get Traffic

One thing I have noticed from most people who believe affiliate marketing is difficult is that most of them have little to no traffic. Affiliate marketing success doesn’t stop in you researching the market or having the right product, you also have to focus on getting traffic to your affiliate links. When it comes to getting traffic, there are different types of traffic but getting high-quality traffic from the right place works best. One major source of traffic you should focus on as an affiliate marketer is search engine traffic because you only need to work once, and once you could secure your spot in the search engines you will begin to get traffic on autopilot.

Another great advantage of search engine traffic is that it converts better than any other traffic source because search engine visitors are more targeted – they came in a search for something.

While search engine traffic is not the only way to get traffic, there are several other ways to get high-quality traffic to your blog and I will be listing 5 of them below:

i. Guest Blogging
ii. Forum Posting
iii. Blog Commenting
iv. Video Marketing
v. Article Marketing

Conclusion

The above are 4 great steps (I call it the affiliate marketing recipe) to affiliate marketing success, implement the above tips and you will begin to get more results from your affiliate marketing efforts.

source:http://zacjohnson.com/the-affiliate-marketing-success-recipe/

120 Excellent Examples of CSS Horizontal Menu

Menu is an important element of website. Menu has to be user-friendly and match the design in order to facilitate navigation. In this list you will find 120 excellent examples of css horizontal menu.

http://www.csstea.com/css-gallery-news-and-resources/264-120-excellent-examples-of-css-horizantal-menu.html