ShowTweets - create your own embed code

ShowTweets plugin

Read all about it!

Css in use

The following css is in use for the showTweets plugin. You can also  check it out from within the source code of the plugin btw.
<style>
html, body {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}
body, td, a {
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}
a { color: #009; }
a:hover { color: #f00; }
a:visited { color: #006; }

/* the search api we're using highlights the searchword by using <b>. We don't need to show the search word like that. */ b { font-weight: normal; }
img, a img {
    border: 1px solid #000;
}
table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
td {
    padding: 2px 4px;
    vertical-align: top;
}
td.img {
    width: 50px;
}
td.img img {
    width: 48px;
    height: 48px;
}
tr.row0 td {
    border-top: 1px solid #999;
    background-color: #ddd;
}
tr.row1 td {
    border-top: 1px solid #666;
    background-color: #eee;
}
span.date {
    color: gray;
    font-style: italic;
    padding-left: 10px;
    font-size: 11px;
    /* shown on new line, aligned right
        display: block;
        clear: both;
        padding-top: 3px;
        text-align:right;
    */
}
span.date a {
    text-decoration: none;
    color: gray;
}
span.postername a {
    text-decoration: none;
    color: #003;
}
</style>

With the form underneath, you can create your own embed code

For using the showTweets plugin.
Search for: q
Optional css: style; don't include the <style> tag!
Number of rows: nr
 
Your embed code:

And this is what it will look like:
pendulum