Badge Nice CSS - Pouvez-vous me donner un coup de main?

Question

Je veux mettre en œuvre des badges comme sur le débordement de pile. Peut-être que vous pouvez me donner un beau code CSS?

Answer 1

Présentation de la nouvelle marque

Stack Overflow BadgeMaker 3000

Il fait Insignes ™

Il suffit de pop un nom, dire que ce quelle couleur vous voulez que votre nouveau badge brillant pour être, et vous êtes tous ensemble!

^{Support du navigateur: Tous les navigateurs modernes, jusqu'à et y compris IE7. Coins arrondis pas pris en charge dans IE8 et au-dessous.}

Answer 2

Peut-être que vous pouvez utiliser la belle Firebug et de prendre un coup d'oeil sur la façon dont il le fait de façon.

Answer 3

Vous voulez dire des coins arrondis? Il utilise des coins arrondis CSS3:

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

Answer 4

Ou vous pouvez lancer une recherche pour « badge » sur leur fichier 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;}