Creative Web Development

CSS Tutorial: Developing a css Navigational Menu

2010-05-27T00:47:00.000-07:00

You can develop your own navigational menu both vertical and horizontal using css. All you have to do is to follow these simple steps.

Step 1: Constructing Markup

Unordered list is used to construct menus, because in it you define each link in a separate list item. In this way you can define same style for all list items, as well as you can give them proper spacing and position:

Step 2: Constructing CSS

First of all define background and size of the menu:

Here I have define an image for the background, the width of menu, font and font size for text, the margins of menu from its top, right, left and bottom and padding for items with in; padding is actually space of items with in an element or section from its edges. The div tag defines a section of a document, which has given class nav. The class nav is being used to give width, background, margins and other styles to div. The background-repeat property is set to repeat-x if the menu is horizontal menu, it is repeat-y for vertical menu.

Learning to Create Crystal Reports

2010-05-14T21:27:00.000-07:00

There is not much help for the developers on the Web to learn crystal reports, but still I have found some of the resources that might be useful for the developers. This website has books on the crystal reports, they might be useful to you:
http://www.crystalreportsbook.com/CrystalReportsXI.asp.
This is some help on msdn regarding to crystal reports:
http://msdn.microsoft.com/en-us/library/aa287964%28v=VS.71%29.aspx
http://msdn.microsoft.com/en-us/library/ms227881%28VS.80%29.aspx

Free Website Templates

2010-05-04T21:45:00.000-07:00

2010-05-04T13:23:00.001-07:00

YGE223F2V54Z

A website template in purple and gold

2010-05-03T04:44:00.000-07:00

Freelancer :: Code On Our API To Win US$10,000 Over US$30,000 IN PRIZES!

2010-05-02T06:00:00.000-07:00

Freelancer :: Code On Our API To Win US$10,000 Over US$30,000 IN PRIZES!

Jobs for article writing, writing, resume writing, coverletter writing

2010-04-30T22:23:00.000-07:00

Click Here! for Real Writing Jobs.75% Commission With Super High Signup Ratio Due To Low $4.95 Trial Price & We Rebill $77 More After 7 Days! Plus, We Keep Emailing All Interested Users With Your Affiliate Link In The Emails To Make Sure You Get Credit! Realwritingjobs.com/affiliates.php.

Click Here!to get paid for article writing.

Click Here! Offer The Amazing Resume Creator And Get Paid Half Selling This Hugely Popular Software. Killer Conversions, Massive Marketplace!

Click Here! Amazing Cover Letter Creator! Get Paid Half Selling The Highest Converting Career Product Online!
YGE223F2V54Z

Pay It Forward - An 8 Minute Summary

2010-04-30T06:08:00.000-07:00

Pay It Forward - An 8 Minute Summary

2010-04-28T21:15:00.000-07:00

My new attempt with website templates in silver and gold

2010-04-28T00:29:00.000-07:00

Installing Free Photoshop brushes, layer style effects, actions, shapes, patterns, gradients, and color swatch

2010-04-23T23:14:00.000-07:00

You can find a large number of Web sites giving out free Photoshop brushes, layer style effects, actions, shapes, patterns, gradients, and color swatch sets to their visitors. Here's what you need to do with these files to get them working in Photoshop:

Brushes

After downloading the free brushes you will find *.abr file in the downloaded folder, copy this *.abr file and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Brushes where X is the version number for your version of Photoshop. Brushes created in Photoshop 7 or later will not work in earlier versions of Photoshop. Any Photoshop brushes should work in Photoshop 7 and later.

From the Brushes Palette in Photoshop, click the small arrow in the upper right corner of the palette, and choose load brushes. The brushes will be added to the current brushes.

Layer Styles

For installing layer styles you will find *.asl file in the downloaded folder, copy this *.asl files and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Styles where X is the version number for your version of Photoshop.

Shapes

Downloaded folder will contain *.csh files of shapes, copy the *.csh files and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Custom Shapes where X is the version number for your version of Photoshop.

To load a file, go to the Styles palette, then click the small arrow in the top right corner and choose one of the layer style collections from the menu.

Patterns

Copy the *.pat file of pattern from downloaded folder and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Patterns where X is the version number for your version of Photoshop.

To load a pattern set, go to the Patterns palette (in the fill tool, Pattern overlay style, etc.), then click the small arrow in the top right corner and choose one of the pattern collections from the menu, or choose "Load Patterns" if the set is not listed in the menu. You can also load patterns via the Preset Manager in Photoshop 6 and up.

Gradients

Copy the *.grd files of gradients from downloaded folder and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Gradients where X is the version number for your version of Photoshop.

To load a file, go to the Gradients palette, then click the small arrow in the top right corner and choose one of the gradient sets collections from the menu.

Color Swatches

Copy the *.aco files of swatches from downloaded folder and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Color Swatches where X is the version number for your version of Photoshop.

To load a file, go to the Swatches palette, then click the small arrow in the top right corner and choose one of the swatch collections from the menu.

Actions

Copy the *.atn files of actions from the downloaded folder and paste into: Program Files\Adobe\Adobe Photoshop X\Presets\Photoshop Actions where X is the version number for your version of Photoshop.

To load an action set, go to the Actions palette, then click the small arrow in the top right corner and navigate to the location where you saved the action. Select the file you'd like to load and it will be added to the actions palette. Learn more about creating and using actions from my links to Photoshop Action Tips.

Wall Papers and Backgrounds

2010-04-22T20:57:00.000-07:00

Search Engine Optimizing your Website

2010-04-22T18:19:00.000-07:00

The term Search Engine Optimizing (SEO) your Website means to improve the volume or quality of traffic to your Web site or Web page.

SEO tactics must be involved in designing and development of a Website in order to make it search engine friendly. Optimizing a site in fact involves tailoring the whole site; its content, menus, design, images, videos, shopping carts and all those elements of a Website which will have exposure to the traffic from search engines. SEO services can be performed at home or they need to hire a professional SEO or take the help from a SEO company.

SEO is in fact an important part of the marketing a Website and it is a continuous process. Some simple tips to start the optimization of a site are:

Get metrics: There are many great analytics tools such as Google Analytics that can tell companies everything they want to know about Web site traffic. Get analytics installed and establish a benchmark for how much and what type of Web traffic you are getting.

Determine keywords: Determining what keywords and phrases your customers use for searching is the foundation of good SEO. Find out what the hot-button phrases are in your industry. There are also tools such as JungleTorch that can help customers determine what keywords and phrases are best for your business.

Define Objectives: SEO requires a sustained effort that will not yield success overnight. Determine what keywords and phrases you would like to rank highest for and develop a plan to incorporate these words or phrases into your SEO strategy.

My Newly Created Website Templates

2010-04-22T02:21:00.000-07:00

Please comment on these templates, that how do you like these templates.

My Affiliates

2010-04-22T02:07:00.000-07:00

My affiliates: