erastMedia

New Facebook Smiley Updates

Well, actually it's not something really new, but I'm sure many many people haven't know about these Facebook updates. As we know, we have been able to insert emoticons when chatting with our friends and colleagues via facebook. But, do you know that facebook has done an update on their chat system. Yes, they have added quite a lot of new emoticons to be used by the user.

So, how do we use these new emoticons? The trick is similar to the foregoing, by simply typing a combination of the characters when we chat, facebook will automatically display it as a smiley picture. And this is a combination of characters that can be used in order to use the latest facebook emoticons.

Smiley	Characters Combination
	[[f9.laugh]]
	[[f9.sad]]
	[[f9.angry]]
	[[f9.sleepy]]
	[[f9.shock]]
	[[f9.kiss]]
	[[f9.inlove]]
	[[f9.pizza]]
	[[f9.coffee]]
	[[f9.coffee]]
	[[f9.bomb]]
	[[f9.sun]]
	[[f9.heart]]
	[[f9.heartbreak]]
	[[f9.doctor]]
	[[f9.ghost]]
	[[f9.brb]]
	[[f9.wine]]
	[[f9.gift]]
	[[f9.adore]]
	[[f9.angel]]
	[[f9.baloons]]
	[[f9.bowl]]
	[[f9.cake]]
	[[f9.callme]]
	[[f9.clap]]
	[[f9.confused]]
	[[f9.curllip]]
	[[f9.devilface]]
	[[f9.lying]]

Enjoy

Knowing how and where to quickly find free design resources is a great asset to any designer. Today we’ll look at the top sources for icons, photos and vectors- and what makes them the best.

While there are plenty of sources for web graphics, it’s not always easy to find what you’re looking for, especially when you’re looking for free resources. Plus, many of the free sources out there are for personal use only, which severely limits their usefulness. Here I’ve collected some impressive sources for free icons, photos, textures and vectors. Let’s get started!

Icons

Iconspedia

What’s To Love:
Iconspedia has hundreds of icons in lots of different categories. They have great quality, and Iconspedia has done a nice job of making it easy to find what you’re looking for.

The Catch:
All icons on this site are roundups, not original releases, and the licenses vary. Many of them require attribution, which can be out of the question in some cases. One good part, though- the license is listed right next to every icon set, unlike some icon sources where you have to visit the author’s site or download the icons to view the license.

Icon Archive

What’s To Love:
Icon Archive has way more icons than even Iconspedia, and is a great place to look if you’re searching for a free icon set. This site is regularly updated, so make sure to check back regularly!

The Catch:
Once again, not all icons are completely free, so licenses are listed indvidually. Additionally, the site isn’t quite as pleasant to use and Icon Archive is not at all shy about advertisements. Overall, though, definitely a great reference.

Dry Icons

What’s To Love:
Dry icons is a personal favorite of mine - their icons are absolutely beautiful, and they aren’t stingy about what they release for free. Dry Icons has also released a lot of excellent free vectors.

The Catch:
Dry Icons does require attribution for their icons. Personally, I think this is a small price to pay for the superb quality of the icons, but if you don’t want a credit link on your site, don’t worry, a commercial license costs almost nothing and frees you to use the icons without a credit link.

Icon Shops (Icon Eden,Icon Dock, etc.)

What’s To Love:
Icon shops are online businesses that sell icons. Places such as Icon Eden and Icon Dock often release free icon sets to draw traffic and show off their icon-making skills. These are definitely a valuable source of free materials.

The Catch:
Of course, these are promotional tools, so you can expect that they’ll try to sell you premium icons. That’s expected, though, and other than that icon shops are an excellent source for free icon sets.

Smashing Magazine

What’s To Love:
Smashing Magazine regularly posts marvelous icon roundups – an easy way to get the ‘cream’ of all these other sources. Plus, they often release their own wonderful icon sets, exclusive to their readers! If you aren’t watching Smashing Magazine for icons, you’re missing out.

The Catch:
There really isn’t a catch for this one - Smashing Mag is a top-notch, five-star resource for finding icons!

Textures and Stock Photos

Free Digital Photos

What’s To Love:
Free Digital Photos has a wonderful collection of extremely professional, high-quality images. Their site is very easy to navigate as well.

The Catch:
Unfortunately, Free Digital Photos does requre attribution. That’s why this one got a three-star rank. Otherwise, an excellent resource, and if you’re willing/able to have a credit on your work, or you just want photos for personal use this is a definite go to.

Stock Xchng

What’s To Love:
Stock.Xchng is indisputably the leading free stock source. 400,000 high-res photos and textures await you over there. You can’t be a designer and not love SXC!

The Catch:
If there’s one catch about Stock.Xchng, it’s that registration is required. Not much, I’d say, for access to such an enormous repository.

CG Textures

What’s To Love:
CG’s thousands of absolutely free texture photos just can’t be beat. And although the interface is a bit out of date, the textures are very well organized and easy to sift through. This is a five star resource if I’ve ever seen one!

The Catch:
Registration for a free account is required, but that’s a small price to pay for having this kind of valuable resource at your fingertips.

Stock Vault

What’s To Love:
The stock photo counterpart of CG Textures, Stock Vault has tons of beautiful, professional stock photos, free for download with no registration, attribution or anything like that.

The Catch:
No catch – that’s it! Once again, if you haven’t been using Stock Vault, you’ve been missing out.

Vectors

Free Vectors

What’s To Love:
Free Vectors has quite a few packs, all of which are very realistic and useful. I like the fact they they have packs, rather than individual downloads, since it’s more efficient to download several relevant shapes at a time.

The Catch:
Really, the only thing to mention here is that Free-Vectors.com goes for quality, not quantity, so they don’t have a whole lot to chose from. What they do have, however, is very good.

QVectors

What’s To Love:
Q stands for quality, and QVectors has done an excellent job amassing a quality collection of free artwork. I’m sure you’ll appreciate their attention to detail, browse-by-tags feature, and relevant selections.

The Catch:
Some of these do require attribution, so check the license on each one. Other than that, QVectors has it made!

Vecteezy

What’s To Love:
Once again, Vecteezy has some incredible quality -they’re very selective in what they post. Perhaps the best thing about Vecteezy is their simple yet effective advanced search, which allows users to filter vectors based on filetype, license, and category, as several custom ordering options.

The Catch:
Vecteezy also posts some vectors with attribution licenses. Their search, however, makes it easy to filter out items with an unsuitable license.

Free Vectors

What’s To Love:
This place has a marvelous selection. They also have better categorization than a lot of other vector sites. Best of all, everything is completely free for personal or commercial use and does not require attribution.

The Catch:
This site requires registration, and they do have premium vectors. In general, though, FreeVectors.org is a remarkable resource.

Wrapping Up

Being able to put your hands on a neccesary graphic quickly can really speed up your work. Plus, it’s fun an inspirational to look through and see what others have come up with. My hope is that these resources will help you as much as they’ve helped me.

What do you think of these sources? These are my personal favorites, but I’d welcome suggestions on other resources that you would put on of these lists. Thanks for reading!

This post will show you how to decorate your images
and photo galleries without editing the source images
for your blogspot post. It is very easy and flexible.
All you need is an extra <span> tag and apply a background
image to create the overlaying effect.

The Benefits Of This CSS Trick
You don’t have to manually create the decorative template in Photoshop and export the individual image.
You don’t have to worry about changing the design theme in the future.
You can have a completely different look and feel by just editing the CSS.
It Works on Any Site — This CSS trick works on any type of site, with any image size.

Preview :

And here is how it works:

Put this CSS codes on your template (Dashboard > Layout > Edit Html) :

/* ---------- DECORATE YOUR IMAGES ----------------------- */
.photo {
margin: 10px;
position: relative;
width: 180px;
height: 130px;
float: left;
}
.photo img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
.photo span {
width: 20px;
height: 18px;
display: block;
position: absolute;
top: 12px;
left: 12px;
background: url(http://suspended.fileave.com/deelpe/images/digg-style.gif) no-repeat;
}
.photo a {
text-decoration: none;
}

.sample1 span {
width: 28px;
height: 21px;
display: block;
position: absolute;
top: -12px;
left: 90px;
background: url(http://suspended.fileave.com/deelpe/images/pin.png) no-repeat;
}

.sample2 span {
width: 77px;
height: 27px;
display: block;
position: absolute;
top: -12px;
left: 50px;
background: url(http://suspended.fileave.com/deelpe/images/tape.png) no-repeat;
}

.sample3 span {
width: 30px;
height: 60px;
display: block;
position: absolute;
top: -5px;
left: -2px;
background: url(http://suspended.fileave.com/deelpe/images/paper-clip.png) no-repeat;
}

.sample4 span {
width: 115px;
height: 32px;
display: block;
position: absolute;
top: -13px;
left: 30px;
background: url(http://suspended.fileave.com/deelpe/images/tape2.png) no-repeat;
}

.sample5 span {
width: 216px;
height: 166px;
display: block;
position: absolute;
top: -17px;
left: -18px;
background: url(http://suspended.fileave.com/deelpe/images/gold-frame.png) no-repeat;
}

.sample6 span {
width: 189px;
height: 137px;
display: block;
position: absolute;
top: -5px;
left: -5px;
background: url(http://suspended.fileave.com/deelpe/images/cut-corner.png) no-repeat;
}

.sample10 span {
width: 181px;
height: 134px;
display: block;
position: absolute;
top: -6px;
left: -6px;
background: url(http://suspended.fileave.com/deelpe/images/brush-border.png) no-repeat;
}
.sample10 img {
border: none;
padding: 0;
}

.sample11 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top: -22px;
left: -15px;
background: url(http://suspended.fileave.com/deelpe/images/floral-corner.png) no-repeat;
}

.sample12 span {
width: 186px;
height: 137px;
display: block;
position: absolute;
top: 2px;
left: 2px;
background: url(http://suspended.fileave.com/deelpe/images/watercolor-top.png) no-repeat;
}
.sample12 img {
border: none;
padding: 9px 12px 12px 11px;
background: url(http://suspended.fileave.com/deelpe/images/watercolor-bg.png) no-repeat;
}

.sample13 span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(http://suspended.fileave.com/deelpe/images/mask.png) no-repeat;
}
.sample13 img {
border: none;
padding: 0;
}

.sample14 span {
width: 170px;
height: 84px;
display: block;
position: absolute;
top: 5px;
left: 5px;
background: url(http://suspended.fileave.com/deelpe/images/glossy-gradient.png);
}
/*---------------- END of CODE -----------------*/

Then insert this code on your post :

Credits to : WebDesignerWall

erastMedia

New Facebook Smiley Updates

Free Web Graphics Resources

Icons

Textures and Stock Photos

Vectors

Wrapping Up

Decorate Your Images (CSS)

About Author

Popular post

Feedjit Traffic Feed

Blog Archive

Join Our Community

Followers

Labels