Atalhos de navegação

• Descrição:

Olá,

Como posso deixar os atalhos de navegação de meu fórum, iguais a estes? http://prntscr.com/3ffu6c, quando passamos o mouse em cima, da um efeito, veja neste fórum http://forumbpwrpg.forumeiros.com.

• Informações:

Código:

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}

Código:

p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}

Código:

p.crumbs a:hover {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% bottom transparent !important;
}

Código:

.pun-crumbs {background: none repeat scroll 0 0 #eff1f3;border: 1px solid #d9dbdd;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px rgba(109,119,237,0.2);clear: both;font-size: 11px;margin: 0 1px 1em;overflow: hidden;padding: .2em 1em;}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
color: #757575!important;
line-height: 30px;
margin-left: -12px;
padding: 10px 20px 10px 12px;
text-shadow: 0 1px 0 #fff;
}

Código:

p.crumbs a {
  transition: none;
}   

p.crumbs a:hover {
  background-position: 100% -1px;
}

Código:

p.crumbs a {
  position: relative;
}

p.crumbs a:hover {
  margin-left: -17px;
  padding-left: 17px;
}

p.crumbs a:before,
p.crumbs a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
  width: 16px;
}

p.crumbs a:hover:before {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 60% -1px;   
}

p.crumbs a:hover:after {
  background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 100% center;
}

Código:

.pun-crumbs {
  background-image: url(http://i57.servimg.com/u/f57/18/81/53/06/untitl10.png);
}