Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
31 lines (30 sloc) 2.65 KB
<html>
<head>
<title>Easy Retweet Button Examples</title>
<script src="retweet.js"></script>
<style>td, th { background: #fff; color: black; font: 12px Helveitca, Arial; }
td.r { text-align: right; }
td { padding: 5px; }
tr:nth-of-type(even) { background: #F5F5F5; }</style>
</head>
<body>
<p>Examples of the <a href="http://ejohn.org/blog/retweet/">Easy Retweet Button</a>.</p>
<h3>Simple Style</h3>
<table>
<tr><td></td><th>Sample Code</th></tr>
<tr><td class="r"><a class="retweet" href="http://ejohn.org/">John Resig's Blog</a></td><td><pre>&lt;a class="retweet" href="http://ejohn.org/">John Resig's Blog&lt;/a></pre><p><strong>Tweet Text:</strong> "John Resig's Blog http://bit.ly/vqYAg"</p></td></tr>
<tr><td class="r"><a class="retweet" href="http://jquery.com/">jQuery JavaScript Library</a></td><td><pre>&lt;a class="retweet" href="http://jquery.com/">jQuery JavaScript Library&lt;/a></pre><p><strong>Tweet Text:</strong> "jQuery JavaScript Library http://bit.ly/FGybD"</p></td></tr>
<tr><td class="r"><a class="retweet" href="http://google.com/" title="Google Search Engine">Google</a></td><td><pre>&lt;a class="retweet" href="http://google.com/" title="Google Search Engine">Google&lt;/a></pre><p><strong>Tweet Text:</strong> "Google Search Engine http://bit.ly/ScCbV"</p></td></tr>
<tr><td class="r"><a class="retweet self" href=""></a></td><td><pre>&lt;a class="retweet self" href="">&lt;/a></pre><p><strong>Tweet Text:</strong> "Easy Retweet Button Examples http://bit.ly/LrsqA"</p></td></tr>
</table>
<br style="clear:both;"/>
<h3>Vertical Style</h3>
<table>
<tr><td></td><th>Sample Code</th></tr>
<tr><td><a class="retweet vert" href="http://ejohn.org/">John Resig's Blog</a></td><td><pre>&lt;a class="retweet vert" href="http://ejohn.org/">John Resig's Blog&lt;/a></pre><p><strong>Tweet Text:</strong> "John Resig's Blog http://bit.ly/vqYAg"</p></td></tr>
<tr><td><a class="retweet vert" href="http://jquery.com/">jQuery JavaScript Library</a></td><td><pre>&lt;a class="retweet vert" href="http://jquery.com/">jQuery JavaScript Library&lt;/a></pre><p><strong>Tweet Text:</strong> "jQuery JavaScript Library http://bit.ly/FGybD"</p></td></tr>
<tr><td><a class="retweet vert" href="http://google.com/" title="Google Search Engine">Google</a></td><td><pre>&lt;a class="retweet vert" href="http://google.com/" title="Google Search Engine">Google&lt;/a></pre><p><strong>Tweet Text:</strong> "Google Search Engine http://bit.ly/ScCbV"</p></td></tr>
<tr><td><a class="retweet vert self" href=""></a></td><td><pre>&lt;a class="retweet vert self" href="">&lt;/a></pre><p><strong>Tweet Text:</strong> "Easy Retweet Button Examples http://bit.ly/LrsqA"</p></td></tr>
</table>
</body>
</html>