Home Blog Page 34

20 Clever Uses of Stickers in Advertising

Everybody loves stickers, right? You might not think about it often, but those cute little pieces of sticky paper that often feature an amusing message or supportive slogan are always a lot of fun. We love getting free stickers in magazines, in goody bags, or even at parties and events, but stickers can also mean serious business. Advertisers and brands are constantly thinking up original and creative ways to use stickers as part of their marketing campaigns, and a well-placed sticker can be some of the most powerful and effective forms of advertising out there. If they’re doing it right, you won’t even realise it’s an ad. So, with that in mind, we’ve done the leg work of trawling through the deepest and darkest depths of the internet to find the smartest use of stickers you will ever see. Join us on this most sticker-licious marathon!

Lays – Jackson Tunnel

Lays, or Walkers to us British folk, stuck a sticker on the ceiling of a subway, which gave the impression that potatoes were growing above commuter’s heads. This was to emphasise that the ingredients used are home grown as opposed to being outsourced on the cheap.

potato grows near you.

Kleenes – Got Flu?

During a flu epidemic, Kleenex added some rather off-putting stickers to soap dispensers in public bathrooms. Their aim was to highlight the fact that Kleenex tissues are a great way catch and kill the snot inducing virus.

soap dispenser

Pedigree – Cat Food

Pedigree launched an advertising campaign that involved placing scented stickers on the floor outside of pet shops and supermarkets, to entice dogs and encourage their owners to purchase their dog food.

funny sticker on the street

Batman Begins

To promote the launch of Batman Begins, stickers were place on the ground lights outside of cinema theatres, projecting his signal when the lights came on at night.

unique advertisement

Tatto – Stickers on the Mirror

Thinking about getting a tattoo but hesitant to take the plunge? A New Zealand tattoo parlour stuck stickers on mirrors in rest and changing rooms so people can try before they buy.

Mirror Stickers

Indavideo

Indavideó, Hungary’s equivalent to YouTube, partnered with Vodafone to advertise the launch of mobile internet. They placed stickers over bus windows, giving the impression that passengers were watching a video as the outside world passed them by.

train advertisement

Irish Pub – Hot Wings

Le Cactus restaurant and bar wanted to advertise their “Monday Hot Wings” on a shoe string budget, and came up with this ingenious vinyl to stick over the rear brake light.

funny car sticker

Superman Movie

Is it a bird? Is it a plane? Nope, it’s an awesome advertising stunt to promote the Super Man movie using vinyl stickers. This is sure to brighten up anyone’s morning on their way to work.

funny advertisement

Jobs in Town

As part of their advertising campaign, a German job website added clever stickers to the side of coffee machines, ATM’s, laundry machines and juke boxes to emphasise the fact that life’s too short for the wrong job. The campaign was a huge success and drove vast amounts of traffic to their website.

funny clever advertisement

Canon – Waterproof Camera

Canon promoted their waterproof camera by placing stickers over sink drains in shopping centres, restaurants and gyms. Smile!

funny ways to advertise

Safe Driving

On a more serious note, these stickers were placed on parked car’s wing mirrors to portray how important it is to check them before pulling out into the road.

Funny Advertisement car stickers

Ambient – Entel Connector

Telecom Technology Company Entel NGN placed connector stickers on the side of buildings, ships and trucks to encourage companies to use their networking solutions.

net connector for business users

Demolition Magazine

Surfs up dude! This extreme sports magazine added surf board stickers to elevators for commuters to stand on. Gnarly!

funny outdoor advertisement

Pro Skates Skateboard

Keeping with the theme, PRO SKATE placed removable vinyl stickers onto crosswalk signs near schools and skate parks.

pro skate boarding

Adidas

This cleverly placed sticker puts a mundane and overlooked object in a completely differently light.

funny sticker ad

Specsavers

This fantastic Specsavers vinyl gives the impression that the driver has backed into a sign, featuring their world famous tag line.

hilarious specsaver advert

24 Out of This World Space Web Designs

Space Web Designs always amused me and i found them attractive. Whenever I try to find some web design inspiration for any of my projects, I make a post on that topic. And that’s exactly what I’m doing today.

Sometimes, the content of a client’s website needs a web design with ‘depth’. And a very easy way to add ‘depth’ is use outer space image in the background.

There are many other situations when a outer space image can come very handy in website designing. Let’s have a look at some of those in this gallery.

Don’t forget, that outer space images are almost all the time dark with but contain very shiny elements such as nabula bursts etc. so it can be a little tricky to use right colors with them.

When you watch this web design inspiration, don’t just notice the image in the background but also the colors used.

Space Web Designs

Sublime video

Space Inspired Web Design

Hire PSD Designers

Space Web Designs PSD

Larva Labs

Larva Lab Space Web Designs

We Choose The Moon

Space Rocket Website Design

World Arcade

World Arcade

Epic Studios

Epic Studios Space Layout

Kavoon

Kaoon

votaw

votaw web design

365 Days Of Astronomy

365 days of Astronomy website layout

Hradecon

Creatively Designed Space Inspired Website Designs

Hash Rocket University

rocket university web design

Pure Dezigner

pure design website

Emerging Earth

Emerging Earth web theme

New Ice Media

New Ice Media

Themify

24-best-Space-Inspired-Website-Designs

Bei Blog

Bei Blog Web Designs

Nocturn

Nocturn

Spaceo Technologies

Creatively-Best-Space-Inspired-Website-Designs

Tui space

Space Alien Web Design

Bogdan Teodorescu

space themed web design

Spafax

Spafax

Lift

space lift website design

Positive Hype

Positive hyper website design

Moeedm

moeedm

Vertical Slide Hover Effect for Menu Bars with CSS3

A hover effect is the transition that takes place when you move your pointer over a menu bar item. Such hover effects can be used anywhere but mostly they are used for navigation bars and other kinds of menus.

There are various kinds of hover effects around the internet, but a very popular one is the vertical slide. This effect is subtle, stylish and effective.

If this effect is not a new one, then why am I teaching it? That’s because earlier this effect was used to be created with JavaScript (or with Flash in the prehistoric days). But we will be creating it using pure CSS.

A navigation bar the backbone of a web design. Design this right and you get good conversion rate. So you have to pay lots and lots of attention towards designing navigation bars. This is the reason we share so many posts on navigation bars.

Let’s not waste anymore time. Here’s the tutorial. Don’t forget to check out the demo.
And in the end, don’t forget to tell us what you think of it. You can use the comments section below.

Thanks for tuning in.

Live Demo

HTML Code

<ul id="nav">
	<li class="home"><a href="#">Home</a></li>
	<li class="tutorials"><a href="#">Tutorials</a></li>
	<li class="about"><a href="#">Coding</a></li>
	<li class="news"><a href="#">WordPress</a></li>
	<li class="contact"><a href="#">Contact</a></li>
</ul>

CSS Code

ul li {
background:#000;
list-style: none;
height: 44px;
float:left;
padding:10px 5px;
}
ul li a {
width: 175px;
height: 40px;
line-height: 53px;
border-bottom: 4px solid #636393;
padding:0px;
color: #fff;
font-size:18px;
font-weight:lighter;
text-align:center;
text-decoration: none;
display: block;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
li:nth-child(1) a {
border-color: #636393;
}
li:nth-child(2) a {
border-color: #B5222D;
}
li:nth-child(3) a {
border-color: #D4953C;
}
li:nth-child(4) a {
border-color: #609491;
}
li:nth-child(5) a {
border-color: #87A248;
}
li:nth-child(1) a:hover {
border-bottom: 35px solid #636393;
height: 9px;
}
li:nth-child(2) a:hover {
border-bottom: 35px solid #B5222D;
height: 9px;
}
li:nth-child(3) a:hover {
border-bottom: 35px solid #D4953C;
height: 9px;
}
li:nth-child(4) a:hover {
border-bottom: 35px solid #609491;
height: 9px;
}
li:nth-child(5) a:hover {
border-bottom: 35px solid #87A248;
height: 9px;
}

Live Demo