Skip to main content

Posts

Showing posts from March, 2012

Create an Advanced CSS3 Menu

So i am going to tell how to make a CSS3 menu which looks like Javascript menu and you think that we use images too but there is no need to use images save time and space start with Css and end with it don't use any image. Let's Start. .cbdb-menu li a { /* This generators the gradient on top of the solid color */ background-image: -webkit-gradient( linear, left top, left bottombottom, color-stop(0, rgba(255,255,255,.5)), color-stop(1, rgba(0,0,0,.1)) ); background-image: -moz-linear-gradient( center top, rgba(255,255,255,.5) 0%, rgba(0,0,0,.1) 100% ); color: #f4f4f4; /* IE */ color: rgba(255, 255, 255, 0.8); display: block; font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif; outline:none; padding: 5px 15px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); -moz-box-shadow: 1px 1px...

Add Google Plus One Button On Blogger

What is Google +1?   Now a days Google +1 button is trending. If you like something that you find on the web, you can hit the +1 button, and your + 1's will help friends, contacts, and others on the web find the best stuff when they search. Here we will guide you on adding the same to your Blogger Blog. This is the alternative of Facebook and Twitter. Increase Traffic: The Search Impact report gives you an idea of how +1‘s affect your organic search traffic. You can find out if your clickthrough rate changes when personalized recommendations help your content stand out. Do this by comparing clicks and impressions on search results with and without +1 annotations. We’ll only show statistics on clickthrough rate changes when you have enough impressions for a meaningful comparison. 1. If you are already using the official Blogger Sharing buttons, you should  already be seeing the +1 buttons on your blog. If it is not, then  read this tutorial and it will show you how to a...

Miodern Art

 Apply this new modern art effect to your photos. This is a good way to create a unique effect similar to vector and pop art. View Tutorial

Make a Turn of the Century Vaudeville Poster

In this tutorial, we’ll learn how create a turn-of-the-century Vaudeville poster. This uniquely appealing style of advertisement was popular in the late 1800s and early 1900s. You sir! You madam! Step right up and prepare to be amazed as we transport an image of two friends back in time to create a poster advertisement without compare! View Tutorial

6 Quick’n'Dirty Photoshop Text Effects From Scratch

Photoshop is great for embellishing display text with little effects. When you add layer styles into the equation, you have the added benefit of the styles being easily transferable. In this tutorial I’ll show you how to make six different effects using just layer styles. So really this is like six tutorials in one! View Tutorial

Manipulating WW2 Fire AirCraft

In this tutorial we will be learning some indispensable techniques to use for any type of photo-manipulation. We will be doing this by taking a photograph of a model plane and editing it to to look like a photograph of a WW2 spitfire which has just been shot down and is on fire. The techniques used here are the same for any type of 'destruction' photo-manipulation. Below is the link you will learn how to create. In the second part of this tutorial we will go on to use this image in a movie poster/DVD cover design View Tutorial

Create Image Swap Effect Using Css

The image swap effect is a very common thing for navigational purposes, it can make menus much easier on the eyes by highlighting the user’s pick. This helps to prevent misclicks , and looks nice as well. When you want to create an image swap effect, the standard procedure is usually to throw in an OnMouseOver event in JavaScript. Unfortunately, there are disadvantages to this approach, like the fact that a large number of people have JavaScript disabled in their web browser for security purposes and same effect can be created using standard HTML and a neat trick using CSS. Here’s is the trick of CSS . First you’ll create a division in your code with the div tag and give it a class . Inside of the division, you’ll place the image in standard image tags that will be used for when the mouse is not over the designated area. Next, you’ll add a background image to the division’s class using CSS, and this image will be the one that appears when the mouse is over the designated area. Fina...