Niza insignia CSS - ¿Me puede dar una mano?

Question

Quiero poner en práctica insignias como el desbordamiento de pila. Tal vez usted me puede dar algún buen código CSS?

Answer 1

La introducción de la nueva marca

desbordamiento de pila BadgeMaker 3000

Hace Pin ™

Basta con meter en un nombre, dice que qué color usted quiere que su nueva insignia brillante que sea, y ya está todo listo!

^{Compatibilidad con navegadores: Todos los navegadores modernos, hasta e incluyendo IE7. esquinas redondas no son compatibles en IE8 y por debajo.}

Answer 2

Tal vez usted puede utilizar el buen Firebug y echar un vistazo a cómo lo hace él.

Answer 3

¿Quieres decir esquinas redondeadas? Utiliza CSS3 esquinas redondeadas:

border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

Answer 4

O puede ejecutar una búsqueda de 'insignia' en su archivo CSS:

.badge,.badge-tag{color:#fff!important;background-color:#333;border:1px solid #333;margin:0 3px 3px 0;padding:0 6px 0 3px;display:inline-block;text-decoration:none;line-height:1.9;-moz-border-radius:6px;-webkit-border-radius:6px;}
.badge:hover,.badge-tag:hover{border:1px solid #555;background-color:#555;text-decoration:none;}
.badge-tag:hover{color:#fff!important;border:2px solid #555;}
.badge-tag{color:#333!important;border:2px solid #333;background-color:#eee;}