Jump to content


Photo

Editing Twitter Widget


  • Please log in to reply
6 replies to this topic

#1 D@Z

D@Z

    Forum Newcomer

  • Members
  • Pip
  • 4 posts
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 24 February 2009 - 08:49 PM

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):

Posted Image Posted Image

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.


#2 Gareth Daine

Gareth Daine

    Web Guru

  • Privileged
  • PipPipPipPipPip
  • 1,751 posts
  • Gender:Male
  • Location:Cumbria, UK
  • Experience:Web Guru
  • Area of Expertise:Web Developer

Posted 24 February 2009 - 11:18 PM

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.


#3 Scott S

Scott S

    Coffee/Nicotine addicted Expert, who does NOT work for ModX!

  • Privileged
  • PipPipPipPipPip
  • 2,131 posts
  • Gender:Male
  • Location:London
  • Experience:Web Guru
  • Area of Expertise:Coder

Posted 24 February 2009 - 11:52 PM

#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


#4 Gareth Daine

Gareth Daine

    Web Guru

  • Privileged
  • PipPipPipPipPip
  • 1,751 posts
  • Gender:Male
  • Location:Cumbria, UK
  • Experience:Web Guru
  • Area of Expertise:Web Developer

Posted 24 February 2009 - 11:53 PM

Sounds good to me.


#5 D@Z

D@Z

    Forum Newcomer

  • Members
  • Pip
  • 4 posts
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 25 February 2009 - 08:20 PM

Thanks very much for your help ^_^


#6 Scott S

Scott S

    Coffee/Nicotine addicted Expert, who does NOT work for ModX!

  • Privileged
  • PipPipPipPipPip
  • 2,131 posts
  • Gender:Male
  • Location:London
  • Experience:Web Guru
  • Area of Expertise:Coder

Posted 26 February 2009 - 12:01 AM

No worries :)


#7 Gareth Daine

Gareth Daine

    Web Guru

  • Privileged
  • PipPipPipPipPip
  • 1,751 posts
  • Gender:Male
  • Location:Cumbria, UK
  • Experience:Web Guru
  • Area of Expertise:Web Developer

Posted 26 February 2009 - 02:02 PM

No Problem. :)





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users