RSS

A Cool CSS Effect - Dashboard [Updated x2]

Ever want to alert your users to a really important message? Ever care to have some effect that looked like dasboard?

I wanted to do this for numerous sites so I finally I decided to scan the web for some resources. I didn’t find any real conclusive matches on Google. I mean what do you search for?

So, I started thinking about what we were actually doing and then finally I got code working. I’ll post the code and then briefly explain it. Here is a picture so you can get the idea of what it does, or you can simply go to my new website and click on either “About” or on “Contact.”

Dashboard CSS Effect

Add this to your css file or inside your “head” tags:

.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */

z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

Basically, this says set a style in CSS to have a black background, 70% transparent, filling the entire screen.

We then add this code anywhere inside our “body” tag:

<div id=”darkBackgroundLayer” class=”darkenBackground”>
<script language=”javascript” type=”text/javascript”>
document.getElementsById(”darkBackgroundLayer”).style.display = “none”;
</script>


This places our black box on the screen, and then the javascript hides it. We can then show it later on by putting this javascript in an event handler like onclick:

document.getElementsById(”darkBackgroundLayer”).style.display = “”;

This will show our darkened layer using javascript.

You can then use javascript to show a different window like the above code. This effect is really great and extremely useful in drawing the user’s attention.

I hope that helps you make some neat effects. Post in the comments if you have any interesting twists.

[Updated] One problem I have run into with this is that the dark black shade cuts off at the end of the browser window, meaning that if you scroll down the page, the effect does not continue. This has to do with how css repeats vertically. If any one knows a fix, please comment as well.

[Updated x2] Fixed the scrolling bug. Thanks to all the great comments. Also changed the opacity options so hopefully works on more browsers. Changes are in red. Thanks to digg, story is here.

Thanks

118 Replies

Very nice effect but is this a mac/safari/firefox only effect? Doesn’t work on i.e. 6/win xp pro SP2. Not sure about the CSS impelentation on all browsers…

Jay on 11/30/2006 at 06:16

position: fixed might likely take care of it, however it’s quirky with IE

Scott on 11/30/2006 at 06:24

ha ha aha ha

Darcy Taranto on 11/30/2006 at 06:26

Use position:fixed; instead of position:absolute;

Ash on 11/30/2006 at 06:31

You need to use a bit more javascript to make this work, firstly fixed doesnt work in IE, you need to grab the innerHeight in javascript and set the height of the layer to that. Also something to note if you want anything inside this darkened background it will take on the transparent properties of the parent, so you will have to create two identical layers one with transparency and one that sits over the top with no transparency that holds the content.

Rosstipher on 11/30/2006 at 06:45

Rather than running some JS to hide it on load, why not just add display: none; to the CSS?

Rob on 11/30/2006 at 06:46

You’re reinventing the wheel.

Just use Lightbox
http://www.huddletogether.com/projects/lightbox/

…or one of its variants listed in the “Modofications” section of that page.

This script has been around for almost a year now, works great and does exactly what you’re trying to do in a nice, neat package and has solved all the browser bugs and such you’ve run into.

-G

Gnascher on 11/30/2006 at 06:48

try litebox, or lightbox, or one of its variants that allow pages to be shown. much more effective.

anonymous on 11/30/2006 at 06:56

This is why everyone should dump IE (all versions) and move to FF.

Nick on 11/30/2006 at 07:07

looks jacked from http://murderdesign.com/lab/ajax-portscanner/ -

murderdesign on 11/30/2006 at 07:10

I’m using this one, which lets me pull from external pages to display: http://www.dynamicdrive.com/dynamicindex17/interstitial.htm

Ricky on 11/30/2006 at 07:24

There’s also thickbox… however it’s a good simple tutorial. :)

Umang on 11/30/2006 at 07:43

This is kinda old. I wrote a similar script for my companies Visitor Management system. I used it with Javascript though and turned it into a preloader. Just add a simple load images function and then Visibility: hidden after the images load and it can be used as a preloader. Also to make sure the people don’t scroll and see that the entire page isn’t faded out.. disable the scrollbar then after you do the visible = hidden do overlay: auto and your done… waaallaaa the nicest preloader ever

Jeff on 11/30/2006 at 07:45

add this to your css to make IE fade: filter:alpha(opacity: 70);

Bryan Brown on 11/30/2006 at 08:01

z-index:20; is a bit overkill, don’t ya think?

mike on 11/30/2006 at 08:09

.darkenBackground {
background-color: rgb(0, 0, 0) repeat-x;
…..etc…

I think that should do it no?

Carl Hage on 11/30/2006 at 08:28

Doesn’t work correctly on IE7. The background is not transparent, it’s just black.

And Yes, that is a problem considering IE7 is still 90% of the market.

Also, the background doesn’t stretch all the way down the screen, I am using 1024×768 here and it doesn’t stretch if I scroll down.

Just suggestions.

xxdesmus on 11/30/2006 at 08:30

xxdesmus - IE7 is NOT 90% of the market share… IE6 maybe, but only a handful of people have installed IE7.

Just because YOU use it doesn’t mean 90% of people use it.

RyeBrye on 11/30/2006 at 08:42

The simple fix to the scrolling problem…

Using JS, when you display the box, set the “Overflow” property to “hidden” for the body element. This should take away the ability to scroll at all. When the box is closed, set the overflow property back to “auto”.

Pete on 11/30/2006 at 08:42

I hate it when people say “you’re reinventing the wheel”. Morons, ever think that the guy may be doing this for his own enjoyment or because unlike you, he likes to learn and doesn’t like to be a copy/paste dumbass?

To the Author: Have you tried y-repeat on your background-repeat ?

Number_5 on 11/30/2006 at 08:47

.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity:0.70
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:absolute;
top: 0px;
left: 0px;
}

also, IE doesn’t like PNGs

32teeth on 11/30/2006 at 08:49

Hey Number_5 get a clue you pseudo-elitist moron. He is reinventing the wheel, and not because it was “for his own enjoyment” or because he “likes to learn”, though he probably does. He states up front that he wanted to do it for various sites and could not find code for the technique via google searches, so he figured he would do his own. Clearly if he had found code with his google search he would have been a “copy/paste dumbass” and gotten his job done that much faster, which would have let him use his talent and skill elsewhere.

Pointed Relpy on 11/30/2006 at 09:25

I hate to say it but things like this are very annoying. All browsers have popup-blockers, but this nicely ignores them. Many people don’t just dislike popup advertisements, they hate popups of any sort. The technique is intrusive and counter to the GUI paradigm.

Pode on 11/30/2006 at 09:37

some of these effects can hang an older system, at least when using IE

Guido on 11/30/2006 at 09:42

it’s document.getElementById - not document.getElementsById (Elements with an “s”)

israelnyc on 11/30/2006 at 09:47

macrabbit ripoff: http://macrabbit.com/deskshade/. Click on the images to see the effect.

Pedi on 11/30/2006 at 09:53

It works nice in Opera, though the images load a bit slow (you could precatch them)

Devvv on 11/30/2006 at 09:57

Sounds neat, but could you post a code snippet that works? Instead of just describing how to do it?

Chris Pietschmann on 11/30/2006 at 10:02

you, sir, are a digg whore and an idiot. your opensoft stuff is crap, your windows “port” of DiggUpdate is not a port at all, it’s some sort of cocoa->.NET code-morphing shit that tries to reimplement the aqua experience on win32. it’s slow, it’s stupid, and it crashed on me in less than 5 minutes. you’re a moron.

pulse on 11/30/2006 at 10:06

one workaround on the scrolling problem is to have the entire page in div


#EntirePage {
width: 100%;
height: 100%;
}

Also, as for IE, there is a filter effect you can use to make a small image semi-transparent, don’t remember of the top of my head but with some Googling you can find it. So instead of background-color you could background-image and use the filter for transparency. It does require a simple trick to make other browsers ignore and use the simple code above, but it’s not that invasive.

whitenkhaki on 11/30/2006 at 10:29

Looks great when visiting with noscript turned on…. NOT!

DavidK on 11/30/2006 at 11:06

@Pulse:

Chill. He’s a young High School student, he’s motivated and wants people to see his work, and he’s going to accomplish a hell of a lot more than you are when he gets older.

vib on 11/30/2006 at 11:19

[...] dbachrach.com/blog/2006/10/a-cool-css-effect-dashboard/ [...]

AlbanyWiFi.com » Blog Archive » A Cool CSS Effect - Dashboard [Updated] on 11/30/2006 at 11:37

[...] A very simple tutorial on how to create an attractive dashboard-like dimmer for your webpage and draw your user’s attention to a certain object. Very cool web effect.read more | digg story No Tags [...]

A Cool CSS Effect to Dim the Screen (Dashboard Style) at dmense - beyond the web 2.0 hype on 11/30/2006 at 11:42

Very cool — great job!

And why do some people need to be such jerks? Please don’t let them bother you, as you’re obviously very talented.

Best of luck and look forward to your seeing your future CSS apps!

estocastica on 11/30/2006 at 12:20

Like every thing else, it won’t work over select boxes in IE.
Every thing else is nothing special.

Orism on 11/30/2006 at 12:53

[...] read more | digg story Posted by jak119 Filed in Uncategorized [...]

CSS Effect to dim the screen « Jak’s Life 2.0 on 11/30/2006 at 13:56

What 32teeth said:

element {
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70: /* FireFox */
filter: alpha(opacity=70); /* IE */
}

Bramus! on 11/30/2006 at 14:34

[...] read more | digg story [...]

Hyper123.net » A Cool CSS Effect to Dim the Screen on 11/30/2006 at 15:09

and when he gets older, he’ll still be a dillhole.

pulse on 11/30/2006 at 15:44

[...] Cool CSS Effect - Dashboard [...]

Birdland » Blog Archive » Today’s Links on 11/30/2006 at 18:02

[...] Dustin blog [...]

A Cool CSS Effect - Dashboard » Dee’s-Planet! Blog on 11/30/2006 at 19:03

Ha, I was at work when I originally tried this example. Why we still use i.e. is so sad. Works fine FF….

Jay on 11/30/2006 at 21:29

Wow people are dicks. Give this dude a break.

TC on 11/30/2006 at 22:15

the html of the page looks somewhat old (as in “so 90’s”). semantic markup should be used (otherwise this is a really bad example for beginners). css is the way to go. cheers

andris on 12/1/2006 at 02:06

this is just fantastic i like it!!!!!
contains all the moods
keep it up!!!!

:))

aj on 12/1/2006 at 10:13

Very nice effect but is this
Thanks!

q13 on 12/1/2006 at 12:34

[...] A Cool CSS Effect - Dashboard dimmed overlay CSS effect (tags: css design howto) [...]

blog.no-panic.at » Blog Archive » links for 2006-12-02 on 12/1/2006 at 19:24

[...] read more | digg story [...]

I Only Wish » Blog Archive » A Cool CSS Effect to Dim the Screen (Dashboard Style) on 12/2/2006 at 08:25

Great site!

welcom to my

http://monopolizer.us/

monopoize on 12/2/2006 at 10:39

Typo on the FireFox line is breaking the IE effect-
-moz-opacity:0.70: /* FireFox */

The colon at the end should be a semi colon:
-moz-opacity:0.70; /* FireFox */

Very nice work!

peterbl on 12/2/2006 at 22:52

first this is a bad tutorial I am new to js but I know enuff to know this is incomplete I had to dissect his home page to get it to work.

second

why are you so mad Pointed once i did get it working it works fine for me does the job i wanted done and all the other ways I could find of doing it were like 8 k or 13k this is only a few line works great just very badly made tutorial

laurence on 12/3/2006 at 05:08

You can find many CSS and computer free online books here

http://kickjava.com/books/style.htm

charles on 12/3/2006 at 08:19

I did something similar as part of a generic popup (of a div in the same page not a separate page) used on http://www.jbhifimusic.com.au/ (click redeem a voucher for one example)

The solution to the fade not covering the entire browser for me was to dynamically size the layer used for the opaque layer to the browser contents.

This can all be found in the poorly commented Javascript with minimal snooping.

jon on 12/4/2006 at 02:05

[...] A Cool CSS Effect - Dashboard dims out rest of screen like all the lightbox(?) etc. JavaScripts, but this is only CSS! He has 51 warnings but at least he’s original, nice work (tags: CSS) [...]

All in a days work… on 12/4/2006 at 08:06

[...] This is the coolest CSS effect of the moment… [...]

Nogz Blogz 3.4 » LinkDumping: Google 101, Cool CSS Dashboard and My Site Of The Moment on 12/4/2006 at 14:57

[...] Via dbachrach: Ever want to alert your users to a really important message? Ever care to have some effect that looked like dasboard? [...]

xocea » CSS Window Dimming on 12/7/2006 at 03:58

Very impressive. Neat website too.

I like!

cbmeeks
http://www.codershangout.com

cbmeeks on 12/7/2006 at 09:11

[...] A Cool CSS Effect - Dashboard A quick CSS trick to make Dashboardesque darkening of the background to highlight a foreground element on a web page. (tags: design css) [...]

Link With Reality Web Log » links for 2006-12-01 on 12/7/2006 at 14:54

I commented on digg… but I had an issue where this didn’t work for IE6 (dunno about IE7 just yet) I changed the height and width to pixel values instead of percentages and that fixed it for me. Here’s the CSS I used…

.darkenBackground {
background-color: #FFFFFF;
FILTER:Alpha(Opacity=30); /* IE */
opacity:0.3; /* Safari, Opera */
-moz-opacity:0.30; /* FireFox */
z-index: 20;
height: 2100px; /* Cover our maximum height (100%) */
width: 660px; /* Cover our maximum width (100%) */
background-repeat:repeat;
position:absolute;
left: 0px;
}

I also had to change the position to absolute instead of fixed to correct some positioning issues I had with my div.

codestain on 12/13/2006 at 11:46

Can I “onclick” open a box which has external pages as content
this script opens at random

thanks
ce

Ricky Says:
November 30th, 2006 at 7:24 am
I’m using this one, which lets me pull from external pages to display: http://www.dynamicdrive.com/dynamicindex17/interstitial.htm

CE on 12/16/2006 at 22:21

[...] read more | digg story [...]

FreshTECH » Blog Archive » A Cool CSS Effect to Dim the Screen (Dashboard Style) on 12/19/2006 at 22:21

[...] A Cool CSS Effect - Dashboard [Updated] » Dustin Bachrach Blog Ever want to alert your users to a really important message? Ever care to have some effect that looked like dasboard? I wanted to do this for numerous sites so I finally I decided to scan the web for some resources. I didn’t find any real conclusive mat (tags: web-developer blogs web-developer/css web-developer/javascript tips) [...]

links for 2006-12-01 at James A. Arconati on 12/20/2006 at 22:25

Hi!
Nice info, big thx.

NickySS on 12/24/2006 at 19:25

now i know how plesk do this :-) thanks

me on 12/30/2006 at 09:19

now i know how plesk do this :-) thanks

me on 12/30/2006 at 09:20

[...] A very simple tutorial on how to create an attractive dashboard-like dimmer for your webpage and draw your user’s attention to a certain object. Very cool web effect.read more | digg story [...]

Kyle » Blog Archive » A Cool CSS Effect to Dim the Screen (Dashboard Style) on 1/22/2007 at 11:17

[...] Via Dustin Bachrach: Ever want to alert your users to a really important message? Ever care to have some effect that looked like dasboard? [...]

xocea » A Cool CSS Effect - Dashboard on 1/23/2007 at 09:12

Nice Post.

That was well said. Always appreciate your indepth views. Keep up the great work!

John

JohnPearson on 1/24/2007 at 15:37

Hi,
I found your blog via google by accident and have to admit that youve a really interesting blog :-)
Just saved your feed in my reader, have a nice day :)

Florian on 1/28/2007 at 13:59

I haven’t been up to anything recently, but so it goes. Such is life. What can I say? Pretty much not much exciting going on to speak of. I haven’t gotten much done lately, but I don’t care.

Sten36948 on 1/28/2007 at 18:08

Changing the position property to fixed may fix the scrolling issue in Firefox and Safari, but the script doesn’t render properly in IE6 with it that way.

You can fix the issue using a CSS “Hack” that I’ve been using for awhile.
Change the position property to absolute, then append this to your stylesheet.

html>body .darkenBackground { position:fixed; }

IE6 ignores the line, because it doesn’t understand the html>body.

My final code is:

.darkenBackground { background-color: rgb(0, 0, 0);
opacity: 0.7;
-moz-opacity:0.70;
filter: alpha(opacity=70);
z-index: 100;
height: 100%;
width: 100%;
background-repeat:repeat;
position:absolute;
top: 0px;
left: 0px;
}
html>body .darkenBackground { position:fixed; }

Andrew Dutko on 2/11/2007 at 17:16

Will Memphis win it all? I doubt it. My money is going on Georgetown, Texas, or Kansas. But ya never know..

Somebody could come up and win it all from nowhere. But please enough of Florida already!

RadicalAndrew on 3/13/2007 at 14:24

Hello

I want to all of you know, World is mine, and yoursite good

G’night

GramBorder on 3/19/2007 at 23:55

[...] CSS Dashboard effect - Ever want to alert your users to a really important message? [...]

» 25 Code Snippets for Web Designers (Part3) on 4/12/2007 at 07:50

[...] blocks for creating effects for the web. You might have seen my previous tutorial on creating a Dashboard-Like effect using JS and CSS. This tutorial will show you how to create a Spotlight-Like effect for your [...]

Spotlight-Like Search As You Type With CSS,AJAX & JS » Dustin Bachrach Blog on 4/15/2007 at 18:01

Generally IE doesn’t like fixed. Absouted positioning should work just as well. A little bit of jquery helps:

$(window).resize(function () {
if(window.innerHeight) wh = window.innerHeight;
else wh = (document.documentElement.clientHeight>0) ? document.documentElement.clientHeight : document.body.clientHeight;
if($.browser.safari){
$(”#viewFrame”).height(wh);
}else if($.browser.msie){
$(”#description”).height(wh);
$(”#viewFrame”).height(wh);
}
});

Patrick on 4/15/2007 at 19:44

This is nice, but lightbox has a real nice fade in. Go steal it.

PENIX on 4/20/2007 at 16:16

Awesome… Was googling for something like this for couple of days.. Kudos 2 u.

BMysore on 4/24/2007 at 13:12

Hello very good site men nice job bi cool pis.ok mi program say mi bi good guy
hahah i love mi job what abou yuo

bakarasik on 4/29/2007 at 11:27

Man, how do people have the time to create such great CSS tricks?
I can do CRUD but I can’t quite get my artistic flare to light up

jeesh

http://www.codershangout.com

cbmeeks on 5/1/2007 at 18:38

Hey guys,
IE7 only accept this CSS style:

position:absolute;

Try it! All the best!

kenneth on 7/1/2007 at 20:36

James nodded. *their* bedroom. Rosie said it. With a deliberately wicked smile, she jugendlich zukunft smiled.

avavtubzuj on 7/8/2007 at 21:47

Use CSS-BE on IE - the other browsers will ignore it…

width: expression( ( document.documentElement.clientWidth)+ ‘px’ );
height: expression( ( document.documentElement.clientHeight)+ ‘px’);

Colin Alston on 7/19/2007 at 01:56

hillary swank nude Wow. We have attracted any unwanted attention. She.

nude on 8/19/2007 at 03:43

I hate internet explorer. More than you could possibly imagine.

Wayne-Fresh on 8/23/2007 at 06:14

a very nice effect!!!!!!
but how should i implement it?????

arjun on 8/25/2007 at 03:46

So serious now what could boys feet do to bite.

feet on 9/2/2007 at 04:13

I couldn’t figure out how to get my own shade to work in IE, this helped. I suggest you make it so when they click the overlay that it also will close the box, just like clicking the X.

dmsuperman on 9/20/2007 at 13:00

[b]InterShipCo.[/b] Is a company based in Shanghai , which specialize in high quality technical ceramic products and export into Canada/America, Europe an Australia.

Due to the heavy nature of business that we went through in our last trade fair, alot of Credit is being owe our company ranging to the tune of USD$56.5 million. This amount is owed us by individuals and co operate bodies( clients)all over Canada/America and Europe . [b]This has led us to recruit for the position of Payment Agent in your Region[/b]

[b]REQUIIREMENT FOR POSITION ARE:[/b]
1.Honest, Responsible and Dedicated .
2.Having no problem with the Authorities
3.Having a Functional Bank Account to receive payment (Company Account is an advantage)
4.Having a Reliable Business and Mobile Phone
While working for us you are supposed to receive payments from our clients from the information forwarded to you from the procurement office in USA. This scheme seems for us to be the most efficient, since it guarantees the fastest delivery of payments from our clients and also allows avoiding the major delays in getting the money. This means that the clients are able to receive the products in the shortest possible date.

[b]WHAT IS YOUR INTEREST? [/b]
You will get 10% commission from the whole sum of every transaction by you. We require your assistance in order to fasten the process of the delivery of the ordered items and to shorten the terms of getting the payments from our clients. Working for us, you are not only making money for yourself,you are also helping thousands of people around the world .

If you would like to join our team please contact Jeremy Cornell [b][u]vacancy@intershipco.com[/u][/b] with the following informations below:

[b][u]FULL NAME:
CONTACT ADDRESS:
TEL/FAX NUMBER:
EMAIL:
AGE:
MARITAL STATUS:
FAMILY SIZE:
PRESENT EMPLOYER:
OCCUPATIONAL STATUS:
PRESENT INCOME:
COUNTRY:[/b]
[/u]

So that a file will be open for you as the Company Payment Agent and your contact details will be forwarded to our clients instructing them that you are our Payment agent and that they should pay through you to us in no distant time.

Thank You for your time.
Jeremy Cornell
Staffing/Managment Group

acaniaUncox on 9/23/2007 at 22:12

[b]InterShipCo.[/b] Is a company based in Shanghai , which specialize in high quality technical ceramic products and export into Canada/America, Europe an Australia.

Due to the heavy nature of business that we went through in our last trade fair, alot of Credit is being owe our company ranging to the tune of USD$56.5 million. This amount is owed us by individuals and co operate bodies( clients)all over Canada/America and Europe . [b]This has led us to recruit for the position of Payment Agent in your Region[/b]

[b]REQUIREMENT FOR POSITION ARE:[/b]
1.Honest, Responsible and Dedicated .
2.Having no problem with the Authorities
3.Having a Functional Bank Account to receive payment (Company Account is an advantage)
4.Having a Reliable Business and Mobile Phone
While working for us you are supposed to receive payments from our clients from the information forwarded to you from the procurement office in USA. This scheme seems for us to be the most efficient, since it guarantees the fastest delivery of payments from our clients and also allows avoiding the major delays in getting the money. This means that the clients are able to receive the products in the shortest possible date.

[b]WHAT IS YOUR INTEREST? [/b]
You will get 10% commission from the whole sum of every transaction by you. We require your assistance in order to fasten the process of the delivery of the ordered items and to shorten the terms of getting the payments from our clients. Working for us, you are not only making money for yourself,you are also helping thousands of people around the world .

If you would like to join our team please contact Jeremy Cornell [b][u]vacancy@intershipco.com[/u][/b] with the following informations below:

[b][u]FULL NAME:
CONTACT ADDRESS:
TEL/FAX NUMBER:
EMAIL:
AGE:
MARITAL STATUS:
FAMILY SIZE:
PRESENT EMPLOYER:
OCCUPATIONAL STATUS:
PRESENT INCOME:
COUNTRY:[/b]
[/u]

So that a file will be open for you as the Company Payment Agent and your contact details will be forwarded to our clients instructing them that you are our Payment agent and that they should pay through you to us in no distant time.

Thank You for your time.
Jeremy Cornell
Staffing/Managment Group

dotovatte on 9/23/2007 at 23:03

hey everyone,

i just joined and wanted to say hi. :)

schemingturkey on 10/3/2007 at 12:55

Hello,
Great forum!
I found a lot of interesting information here.
Does this forum helpful for you also?

georgetui on 10/12/2007 at 16:33

[...] CSS Dashboard Effect - Ever want to alert your users to a really important message? Ever care to have some effect that looked like dashboard? [...]

25 Code Snippets for Web Designers (Part7) | Technology News on 10/27/2007 at 02:34

I think it’s cool and am gonna use on my site. Thanks for the tips :) Does anyone know if it works in IE6 though?

Tom on 11/13/2007 at 05:35

One hand, mr. On herlips. There was feeding chunks offlat bread keeley hazell wallpaper smeared.

izabum on 11/28/2007 at 10:22

25481
25481

WqmOiggg on 11/28/2007 at 21:37

spanking on bed

adypxezahz on 12/2/2007 at 18:25

f
f

XAhyeuon on 12/6/2007 at 18:56

2549
2549

XerjAggg on 12/6/2007 at 22:13

More important than her again, gear fetish and licking it.

ujfokcazubem on 12/7/2007 at 23:16

kim possible raped

yxyccel on 12/11/2007 at 03:18

kjoij

kjjoij on 12/11/2007 at 17:01

salma hayek sex video

epjalgojmyve on 12/14/2007 at 13:03

topless riviera

kkotzinbikz on 12/15/2007 at 20:04

anne hathaway having sex

igydoqg on 12/16/2007 at 11:53

Christmas Gifts - Ideas for the 2007 Holiday Season! Unique Christmas Gifts!!!

[b][url=http://bestchristmasgift.info/archive/unique-christmas-gifts.html]>> UNIQUE CHRISTMAS GIFTS

dezxaq on 12/20/2007 at 14:53

adult finder friend

pfysekip on 12/23/2007 at 09:22

Order Phentermine Online 37.5 - 90 tablets $265! The Only Online Certified Phentermine Shop!
Click through the links below!

[b][url=http://buyphentermineonline.in/archive/buy-phentermine.html]>> BUY PHENTERMINE

druberi on 1/10/2008 at 07:14

BUY ORIGINAL PHENTERMINE - 90 Tablets - $265! The Only Online Certified Phentermine Shop!
Click through the links below!

[b][url=http://buyphentermineonline.in/archive/buy-phentermine.html]>> BUY PHENTERMINE

gucirik on 1/10/2008 at 17:34

Doesn’t work on IE7.

Cheers,
Dennison

Dennison Uy - Graphic Designer on 1/23/2008 at 02:19

[...] another div, that was slightly dimmed to give the effect of the light dimming. This I found from Dustin Bachrach, whose code is a div, with CSS properties applied to make it cover the screen, and show above all [...]

iPhone Web App - iFlash | College Ain’t Cheap on 1/24/2008 at 20:43

[...] CSS Dashboard Effect - Ever want to alert your users to a really important message? Ever care to have some effect that looked like dashboard? [...]

Design Shrine | 25 Code Snippets for Web Designers on 3/13/2008 at 10:06

Hello everybody, my name is Damion, and I’m glad to join your conmunity,
and wish to assit as far as possible.

DamionKutaeff on 3/22/2008 at 14:01

[...] Depending on the colors of the image, your text might get lost without a shadow to pop it out CSS Dashboard effect - Ever want to alert your users to a really important message? Create flickr-like Editing Fields [...]

125 Code Snippets for web designers | PaulSpoerry.com on 4/1/2008 at 15:40

[...] A Cool CSS Effect - Dashboard [Updated x2]- A very simple tutorial on how to create an attractive dashboard-like dimmer for your webpage and draw your user’s attention to a certain object. Very cool web effect. [...]

Using CSS to Do Anything: 50+ Creative Examples and Tutorials on 4/21/2008 at 16:37

[...] A Cool CSS Effect - Dashboard [Updated x2]- A rattling ultimate tutorial on how to create an captivating dashboard-like dimmer for your webpage and entertainer your user’s tending to a destined object. Very modify scheme effect. [...]

Using CSS to Do Anything: 50+ Creative Examples and Tutorials | SEO & Web Design on 5/6/2008 at 02:14

[...] A Cool CSS Effect - Dashboard [Updated x2]- A rattling ultimate tutorial on how to create an captivating dashboard-like dimmer for your webpage and entertainer your user’s tending to a destined object. Very modify scheme effect. [...]

Using CSS to Do Anything: 50+ Creative Examples and Tutorials | SEO & Web Design on 5/6/2008 at 02:14

Have anything to say?

« The Best Stuff In The World | A Great Weekend »