Graphic Identity

Blog Preview Search Engine Statistics

Indexed Pages: 167 Backlinks: 117

Indexed Pages: 182 Backlinks: 0

Indexed Pages: 0 Backlinks: 4,414

Indexed Pages: 573 Backlinks: 3,160

Indexed Pages: 569 Backlinks: 2,440

Upgrade Graphic Identity !

Upgrade this Blog to Featured!

If you are the owner, friend or someone who enjoys this blog why not upgrade it to a Featured listing? Click the Paypal button now to upgrade.

Blog Details

Blog Directory ID: 1232

Blog URL: http://graphic-identity.blogspot.com

Google Pagerank: 5

Blog Description: GRAPHIC IDENTITY is a blog about Adobe Photoshop and Ilustrator tutorials, Digital Graphic Art, Photography, Web Design, Font or Typography

Blog Tags: graphic design - photoshop tutorial - illustrator tutorial - photoshop brushes - blog widget - typography - web design - photoshop action

Blog Category: Visual Arts

Blog Owner: Graphic Identity

Blog Added: December 09, 2007 02:17:36 AM

Audience Rating: General Audience

Blog Platform:

Blogger/BlogSpot

Blog Country:

United States

Blog Directory Statistics

Total Visits: 19

Blog Rating: 0.00

Rate Blog: Submit rating

Review Blog (0)

Latest Blog Reviews

No blog reviews yet! Be the first to write a review. Click the Review Blog icon above.

Add the Review Me Button to your Blog!

Review Graphic Identity at Blogging Fusion Blog Directory

Featured Resources

Google Adsense™ Share Program

Alexa Web Ranking: 279,775

Latest Blog Post from Graphic Identity

Stylish Text Effect with CSS Gradient

Today's CSS tutorial review is very famous actually! WebDesignerWall.com brought you a quick tutorial to implement CSS Gradient into text. This CSS trick can be extended into many kinds of gradient text effects. For you who missed the chance to read this following tutorial, this CSS is worth to try!

WebDesignerWall.com put up some answers of why this CSS gradient would be useful for you. Firstly it is because you will need no Javascript or Flash to render these cool effects. Second, in order to save the bandwidth, you will no longer need image file from photoshoped gradient text. Finally, you can pick any web fonts in a consistent scale.

This CSS gradient effect works on most browsers. As IE is an evil for CSS, PNG hack is required in IE6.

visit the tutorial »
view the demo »

Aligning Images Using CSS

Adding text next to your image, is a bit tricky. Sometimes the text won't flow nicely around the image. So you will need to have correct classes to float the image in CSS.

Thord Daniel Hedengren of Devlounge.net wrote a simple tutorial that will show you how to align images using CSS in the right way.

In this tutorial you will also learn how to add the frame class in order to have a nice looking border around your images!

Visit the tutorial »

CSS Popup

Today's CSS review is about CSS popups effect. This CSS will make images to appear and disappear on links mouse over. A neat way to drive reader's attention with icons, text or some decorative elements on rollover state.

The "icon" is an img element inside the actual hyperlinks. To prevent the image from showing up when the page loads, MeyerWeb.com have the following style:

div#links a img {height: 0; width: 0; border-width: 0;}

So how to get the icons to appear? Better read the rest of this tutorial to see the demo page now ;)

Visit the tutorial »

Biweekly Blogroll Links - July 16th 2008

DESIGN FREEBIES
Free Vector ? Gears by The Chemist
Free Vector Art - Spring Flowers by Gino
Concept Icons .08 by Roberto Abril Hidalgo

GRAPHIC DESIGN
COLOURBLAST by Daniel Green
Kristin Elder : demo by Fossfor
30 logos from 30 design blogs by David Airey
Top Ten Cartoons Of The 80s by kiphotoanddesign.wordpress.com

PHOTOGRAPHY
Euan Myles - Photography by Toon
Today?s Photos - July 13, 2008 by Dale

ILLUSTRATOR TUTORIALS
Draw Your Self Portrait by Sean Hodge
How to Create a Vector Safari Compass in Illustrator by Chris Spooner

PHOTOSHOP RESOURCES
Photoshop Tips: Smooth Selections by DCloud
Vintage Clouds Photoshop Tutorial by M.Qamar Khan
How to Create florishes in PHOTOSHOP by 180Degree
70 Beauty-Retouching Photoshop Tutorials by Smashing Magazine

WEB DESIGN and INTERNET
How to show widgets on post pages only by LawnyDesignz
Creating an animated form in Adobe Flash by Animatrick Adobe Tutorials
Designing a stylish contact form for your portfolio by Alex
NETTUTS - Create a Simple, Powerful Product Highlighter with MooTools by Jeremy Peck

BLOGGING
Free Tools to Track, Analyze, and Optimize Your Website by YEA
Twine Review - Tie It All Together! by Mert Erkal

RANDOM INSIGHTFUL POSTS
Who You Think People Think You Are by AP
Happy Birthday to Me! by Liane
Sales Guy Vs. Web Dude, The Web Site is Down by Nate Balcom
People feel no obligation to buy books by Mohamed Taher

Animated Menu using CSS and Mootools

Another CSS tricks from Antonio Lupetti of Woork.blogspot.com. This tutorial will show you how to create animated menu using Mootools. The tutorial is also available in a download file. Inside the download file, you can see the offline demo to check how these CSS and HTML structures of this animated menu works nicely and of course also with the mootools javascript file included.

Whenever you finish with the HTML codes, all you need is to add a link to mootools framework in the tag of your page using this line of code:

<script type="text/javascript" src="mootools.svn.js"></script>

then add sort of javascript codes in the <head> tag of the page from this tutorial. Customizing the CSS will determine your animated menu design in the final step!

Visit the tutorial »

How to Create CSS Box

I've been so busy lately and being left behind just to write a tutorial or to design another freebies. So, maybe it will be nice if I start to write series of short review about CSS from other websites this week. Hopefully I would be able to bring them to you daily! Subscribe to Graphic Identity Blog to follow the fresh news of CSS tips and tricks today!

CSSgirl.com has written a nice tutorial of how to create rounded corner boxes using CSS and images. There are two kinds of boxes, there are:

A flat rounded corner CSS box without effects
A box with a drop shadow, border and gradient.

You will need Photoshop or another graphic design software to create those nice CSS boxes. These boxes are so cool because they are also expandable in some heights. Experiment with your own box color and round corner radius! It will be great for a start.

visit the tutorial »
visit the demo »