Etiquetas de formato menu

Aproveitando o bocadinho de tempo livre ,e trago umas novas etiquetas para sua sidebar...
São etiquetas estilo menu com efeito hover na borda e na letra do texto...
Como pode visualizár na imagem acima este é resultado finál.
Não tenho pra visualizárem online porque onde eu testei foi num blog que estou criando para template de download...
Vamos lá aplicár as etiquetas...

Antes de tudo faça uma cópia do seu template...

Entre em modelo  e depois editar html e procure este código...


]]></b:skin>

E acima dele coloque este ...

}
#Label1{font:14px Oswald;padding:0;margin:0;text-shadow:1px 1px 1px #fff;}
#Label1 li{background:#32cd32;position:relative;padding:0;border:1px solid #444;0-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#Label1 ul{list-style:none;padding:0;margin:0}
#Label1 li a{display:block;min-height:28px;line-height:28px;margin:0;padding:0 5px 0 20px;text-decoration:none;color:#eeb111;font-size:14px;border-right:6px solid #eeb111;cursor:pointer;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#Label1 li a:hover{border-right-color:#b5ccf8;text-decoration:none;color:#ddd;
}

Notas: para mudar cor fundo mude ,troque isto; #32cd32
           para mudar a cor da borda troque isto; #eeb111
           para mudar hover da borda troque isto; #b5ccf8

E foi isto que vim partilhár ,até+ agora indo talvez logo traga umas etiquetas como as minhas aqui best-tuga...abc a tds.

Etiquetas de formato menu

► 1

► labels vários

► Cartita