شارة CSS جميلة - هل يمكنك مساعدتي؟

Question

أريد تنفيذ شارات مثل Stack Overflow.ربما يمكنك أن تعطيني بعض رموز CSS اللطيفة؟

Answer 1

تقديم العلامة التجارية الجديدة

مكدس تجاوز سعة BadgeMaker 3000

فهو يصنع Badges™

كل ما عليك فعله هو إدخال الاسم، وأخبره عن اللون الذي تريد أن تكون عليه شارتك الجديدة اللامعة، وستكون جاهزًا!

^{دعم المتصفح:جميع المتصفحات الحديثة، بما في ذلك IE7.الزوايا الدائرية غير مدعومة في IE8 والإصدارات الأقدم.}

Answer 2

ربما يمكنك استخدام اللطيف Firebug وأخذ نظرة خاطفة على مدى ذلك.

Answer 3

تقصد الزوايا المستديرة؟ يستخدم الزوايا المستديرة CSS3:

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

Answer 4

أو يمكنك تشغيل البحث عن "شارة" على ملف 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;}