View Full Version : Twitter Feed Modifications

05-08-2009, 04:52 AM
Hi guys, I want to add the HTML twitter feed to my website, but would like to modify to match my site's overall theme.

So far I've been able to edit the background colour and use a nice header image - easy enough. But I would also like to add a horizontal line in between each tweet as well as include a small profile image to the left of each incoming tweet.

I've created a quick mock-up of what I'd like it to look like and uploaded it to image shack.


Here is the original code for the twitter feed.

<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/twitterpage" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/twitterpage.json?callback=twitterCallback2&amp;count=2"></script>