[D@Z]

Hey all, I just recently signed up to Twitter and I have decided to use their HTML widget to integrate my Tweets on my Website's page. However, I don't know how edit the damn thing so it looks a little nicer.

At the moment it looks like this (left) and I'd like it to look like this (right):



This is the code I have:

<div id="twitter_div">
<ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/kornunderground.json?callback=twitterCallback2&amp;count=5"></script>

I would of course like to edit the fonts use etc. If anyone could help me out or possibly point me in the right direction on a tutorial or something I'd greatly appreciate it. Much thanks.

[Gareth Daine]

First try and add the following to your stylesheet.

#twitter_update_list {
}

Now that is the CSS instruction that will edit the twitter list items.

#twitter_div {
}

This will allow you to edit the actual containing DIV, i.e. background colour etc.

Other than that I can't actually see anything else to edit?

Hope this helps.

[Scott S]

#twitter_update_list li span { } << this is the actual feed of the reply

#twitter_update_list li span a{ } << link to the person replied to (if any)

#twitter_update_list li a { } << how long ago it was posted

[Gareth Daine]

Sounds good to me.

[D@Z]

Thanks very much for your help

[Scott S]

No worries

[Gareth Daine]

No Problem.