Niza insignia CSS - ¿Me puede dar una mano?
Pregunta
Quiero poner en práctica insignias como el desbordamiento de pila. Tal vez usted me puede dar algún buen código CSS?
Solución
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.
Otros consejos
Tal vez usted puede utilizar el buen Firebug y echar un vistazo a cómo lo hace él.
¿Quieres decir esquinas redondeadas? Utiliza CSS3 esquinas redondeadas:
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
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;}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow