Friday, May 22, 2009

Stackoverflow Flair without the image

Scott Hanselman tweeted about how cool it would be to have a Stackoverflow flair without a tje gravatar. This is my solution using CSS

    <title>Stack Overflow Flair Demo</title>
    <style type="text/css">
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 50px;
    padding: 3px;
    width: 50px;
 display: none;

.valuable-flair .badge1
    color: #ffcc00;
.valuable-flair .badge2
    color: #c0c0c0;
.valuable-flair .badge3
    color: #CC9966;

<script src="" type="text/javascript"></script>

No comments: