Tricks, tips, tutorials, pictures and words

how to self-publish your answers

75 magnify
I've added and formatted My badge of Latest Answers to my blogspot blog sidebar.



Here is my css, I've only deleted a few bits. :)

toon12



<style>
/*
This is the style information that you may edit to change how the badge appears on your web page.
You can change the appearance of just about everything if you'd really like to.
For more information about CSS, visit http://www.w3schools.com/css/css_intro.asp
Quick Tip: To hide something, just add "display: none;" inside its style definition, without the quotes.
*/

#ya-badge { border: 0px #54c40b solid; background-color: #fff; width: 234px; padding:0px; font-family:arial; }
#ya-badge #ya-faces { display: none; background:url("http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr/badge_emoticon.gif"); width: 163px; height:53px; }
#ya-badge a { }
#ya-badge a:hover { }
#ya-badge #ya-badge-content #ya-badge-title { display:block;font-family: arial; font-weight:bold; margin-top:5px; margin-left:10px; margin-bottom:5px;}
#ya-badge #ya-badge-content ul { padding:0px!important;margin:0px!important;list-style-type: none!important;padding-left: 0px!important; border:0px!important; background-color: #fff;}
#ya-badge #ya-badge-content ul .ya-listitem { margin-left:10px!important; margin-right:10px!important; list-style-type: none!important; padding: 0px!important; font-family: arial; margin-bottom:3px; padding-bottom:3px; border-bottom:1px #dfdfdf solid; text-indent: 0px!important;}
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-title { }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata {display:block; color: #333; }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata a {color: #333!important; }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata a:hover { color:#006699; text-decoration:underline; }
#ya-badge #ya-more-link { text-align:right; display:block; margin:5px; }
#ya-badge #ya-badge-content #ya-level-area { color: #787878; display:block; background:url('http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr/pointsstar.gif'); background-repeat:no-repeat; background-position:10px 4px; padding:3px; padding-left:30px; background-color: #fcfbe7; }
#ya-badge #ya-badge-content #ya-level-area a { color: #787878!important; }
#ya-badge #ya-badge-content #ya-level-area .ya-level-number { font-weight:bold; }
#ya-badge #visit-link { margin:5px; margin-left:10px; color:#8b8b8c; font-size:10px; margin-top:5px; }
#ya-badge #visit-link a { color:#8b8b8c!important; text-decoration:underline; }
</style>