<link rel="stylesheet" type="text/css" href="http://eightletters.de/Twitter/twitter.css">
<style text="text/css">#twitter { padding: 20px; background-image: url('http://eightletters.de/background.jpg'); width: 550px; } #theader { box-shadow: inset 0px 0px 30px #000000; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 220px; width: 550px; background-image: url('http://placehold.it/550x250'); padding-top: 30px;} #icon {height: 73px; width: 73px; background-image: url('http://placehold.it/73x73'); border: 4px solid #ffffff; border-radius: 4px; position: relative; } .ticon { height: 50px; width: 50px; border-radius: 4px; background-image: url('http://placehold.it/50x50')} </style>
<center><div id="twitter">
<div id="theader"><div id="icon"></div>
<div id="name">Vorname Nachname</div>
<div id="twittername">@twitteraccount</div>
<div id="beschreibung">Hier könnt ihr die Beschreibung eures Charakters posten, oder einen Songtext. Oder was auch immer euer Charakter hier schreiben würde.</div></div>
<div id="leiste">
<table id="stats">
<tr>
<td><span class="stats1">Tweets</span>
<span class="stats2">xxx</span></td>
<td><span class="stats1">Folge ich</span>
<span class="stats2">xxx</span></td>
<td><span class="stats1">Follower</span>
<span class="stats2">xxx</span></td>
</tr>
</table> <div id="folgen"></div></div>
<div id="thead1"><div id="tweets">Tweets</div></div>
<div class="tweet"><table style="margin-left: 10px;">
<tr>
<td><div class="ticon"></div></td>
<td style="width: 480px; padding: 10px;"><span class="tname">Vorname Nachname</span> <span class="taccount">@twittername - datum</span>
<span class="text">Schreibt hier den Tweet eures Charakters! ;) Er könnte - theoretisch - unendlich lang sein. Ein <span class="hashtag">#hashtag</span> geht auch.</td>
</tr>
</table></div>
<div id="credits"><a href="http://peregrine.nobel-design.net/member.php?action=profile&uid=23">SPARKS FLY</a> @ TCP ## inspiriert durch <a href="http://twitter.com">Twitter</a></div></div></center>
