Ładna odznaka CSS - możesz mi pomóc?
Chcę zaimplementować odznaki jak na Stack Overflow. Może dasz mi jakiś fajny kod CSS?
4
Author: Peter Mortensen, 2010-09-20
4 answers
Przedstawiamy Nowy
Stack Overflow BadgeMaker 3000
To sprawia, że odznaki™
Po prostu wpisz nazwę, powiedz jej, jakiego koloru chcesz mieć swoją błyszczącą nową odznakę, i jesteś gotowy!
obsługa przeglądarek: wszystkie nowoczesne przeglądarki, do IE7 włącznie. Okrągłe rogi nie obsługiwane w IE8 i poniżej.
48
Author: Yi Jiang,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-06-20 09:12:55
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-06-20 09:12:55
Może możesz użyć fajnego Firebug i rzucić okiem na to, jak to się robi.
14
Author: Matti Virkkunen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:27:00
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:27:00
Masz na myśli zaokrąglone rogi? Używa CSS3 zaokrąglone rogi:
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
1
Author: gertas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:29:59
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:29:59
Lub możesz uruchomić wyszukiwanie 'badge' na ich pliku 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;}
1
Author: animuson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:30:42
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-09-20 16:30:42