table codes 011

[chimney]

pretty cool if you use action icons. it looks like they're breakdancing.

flare

code.	<center><table> <tr> <td style="padding:5px;"><div style="width:230px; background:#333; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 0px #C5F23F; -moz-box-shadow: 5px 5px 0px #C5F23F; -webkit-box-shadow: 5px 5px 0px #C5F23F;"><table cellspacing="0" cellpadding="0" style="height:100px; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"><tr> <td style="background:url(ICON1); width:20px; filter: alpha(opacity=30); opacity: .3;-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;"> </td> <td style="background:url(ICON2); width:40px; filter: alpha(opacity=50); opacity: .5;"> </td> <td style="background:url(ICON3); width:60px; filter: alpha(opacity=70);opacity: .7"> </td> <td style="background:url(ICON4); width:100px; filter: alpha(opacity=100); opacity:1;-webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;"> </td> </tr></table><raw-code> </raw-code><div style="font-family:tahoma; text-transform:uppercase; letter-spacing:1px; line-height:1em; font-size:12pt; text-align:center; color:#C5F23F; padding: 2px 0;">NAME <span style="font-size:10pt; color:#999; text-transform:uppercase; font-weight:bold;">CANON</span></div></div></td> <td style="padding:5px;"><div style="width:230px; background:#333; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 0px #C5F23F; -moz-box-shadow: 5px 5px 0px #C5F23F; -webkit-box-shadow: 5px 5px 0px #C5F23F;"><table cellspacing="0" cellpadding="0" style="height:100px; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"><tr> <td style="background:url(ICON1); width:20px; filter: alpha(opacity=30); opacity: .3;-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;"> </td> <td style="background:url(ICON2); width:40px; filter: alpha(opacity=50); opacity: .5;"> </td> <td style="background:url(ICON3); width:60px; filter: alpha(opacity=70);opacity: .7"> </td> <td style="background:url(ICON4); width:100px; filter: alpha(opacity=100); opacity:1;-webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;"> </td> </tr></table><raw-code> </raw-code><div style="font-family:tahoma; text-transform:uppercase; letter-spacing:1px; line-height:1em; font-size:12pt; text-align:center; color:#C5F23F; padding: 2px 0;">NAME <span style="font-size:10pt; color:#999; text-transform:uppercase; font-weight:bold;">CANON</span></div></div></td> <td style="padding:5px;"><div style="width:230px; background:#333; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 0px #C5F23F; -moz-box-shadow: 5px 5px 0px #C5F23F; -webkit-box-shadow: 5px 5px 0px #C5F23F;"><table cellspacing="0" cellpadding="0" style="height:100px; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"><tr> <td style="background:url(ICON1); width:20px; filter: alpha(opacity=30); opacity: .3;-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;"> </td> <td style="background:url(ICON2); width:40px; filter: alpha(opacity=50); opacity: .5;"> </td> <td style="background:url(ICON3); width:60px; filter: alpha(opacity=70);opacity: .7"> </td> <td style="background:url(ICON4); width:100px; filter: alpha(opacity=100); opacity:1;-webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;"> </td> </tr></table><raw-code> </raw-code><div style="font-family:tahoma; text-transform:uppercase; letter-spacing:1px; line-height:1em; font-size:12pt; text-align:center; color:#C5F23F; padding: 2px 0;">NAME <span style="font-size:10pt; color:#999; text-transform:uppercase; font-weight:bold;">CANON</span></div></div></td> </tr></table></center>
features.	name, drop shadow: #C5F23F canon: #999 div background: #333
credit.	please credit pastries somewhere!

Comments

[cirque]

Pretty cool effect!

[savedbylove]

Hi!

Is there a way to fit a header into this code? It is beautiful!