Efeito press

1) Procure por ]]>< e acima dele cole:

.press {
background: #FFEBCD;
color: transparent;
border: 1px solid #F4A460;
box-shadow: 2px 2px 2px #CD5C5C;
padding: 5px;
overflow: hidden;
text-align: center;
font-family: silkscreen;
font-size: 12px;
-webkit-transition-duration: .90s;
}
.press:hover {
background: #CD5C5C;
border: 0px solid #cccccc;
box-shadow: 0px 0px 0px #cccccc;
color: #cccccc;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
-webkit-transition-duration: .90s;
}

Se quiser que apareça texto, ele terá de aparecer em imagem. Ou seja, guarde a mesma imagem com e sem texto, e quando for colocar no gadget, em vez de:

<img src="URL DA IMAGEM" class="press">

Coloque:

<img src="URL DA IMAGEM" onmouseover="this.src='URL DA IMAGEM EM HOVER'"  onmouseout="this.src='URL DA IMAGEM'" class="press">