شارة CSS جميلة - هل يمكنك مساعدتي؟
سؤال
أريد تنفيذ شارات مثل Stack Overflow.ربما يمكنك أن تعطيني بعض رموز CSS اللطيفة؟
المحلول
تقديم العلامة التجارية الجديدة
مكدس تجاوز سعة BadgeMaker 3000
فهو يصنع Badges™
كل ما عليك فعله هو إدخال الاسم، وأخبره عن اللون الذي تريد أن تكون عليه شارتك الجديدة اللامعة، وستكون جاهزًا!
دعم المتصفح:جميع المتصفحات الحديثة، بما في ذلك IE7.الزوايا الدائرية غير مدعومة في IE8 والإصدارات الأقدم.
نصائح أخرى
ربما يمكنك استخدام اللطيف Firebug وأخذ نظرة خاطفة على مدى ذلك.
تقصد الزوايا المستديرة؟ يستخدم الزوايا المستديرة CSS3:
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
أو يمكنك تشغيل البحث عن "شارة" على ملف 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;}
لا تنتمي إلى StackOverflow