hey there...
I found this really great twitter styler the only probable I cant seem to seprate the
a link from the text I would like it so the following had a break before the time rathen then it be on the same line...
at minute its kinda of like
hello i have a twitter update... blar blar...
1 day ago
id like it so it was
hello i have a twitter update... blar blar...
1 day ago
you might think whats the point but I have this set up on my page with a 100 width and the link is more often then not spread over two lines and looks weird it be fine if i was on next line.
Click here for the styler... or the code I have is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Twitter Demo</title>
<!-- css -->
<style>
#twitter_div { width: 280px; padding: 5px 10px 5px 10px; background-color: #333; }
ul#twitter_update_list { padding: 0; margin: 0; list-style: none; }
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #CCC; padding: 5px; margin: 10px 0 10px 0; background-color: #000; }
ul#twitter_update_list li a { font-size: 10px; color: #F39; }
</style>
</head>
<body>
<div id="twitter_div">
<ul id="twitter_update_list">
<li></li>
</ul>
</div><!-- /twitter_div -->
<script type="text/javascript" src="js/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/PebbleWorks.json?callback=twitterCallback2&count=3"></script>
</body>
</html>
edit:
Just a note if you want to see it working copy the code above in to the download index.htm or just the scripts... over the other scripts...