Page Options
You are here : News
MADdotNET News Minimize
Feb 12

Written by: Lance Larsen
2/12/2009 12:18 PM 

image Added a live Twitter Feed to the side bar on my DotNetNuke site

Getting the CSS formatted to look the way I wanted was a little tricky, but after looking around at a couple other blog postings on the topic – settled on the following code.

Use it and if you have suggestion / further refinements – let me know.

   1:  <!-- TWITTER CSS -->
   2:  <style>
   3:  #twitter_div { width: 180px; padding: 0px 0px 0px 0px; }
   4:  ul#twitter_update_list { list-style: none; padding: 0; margin: 0; }
   5:  ul#twitter_update_list li { list-style: none; font-family: Verdana, Geneva, sans-serif; 
   6:      font-size: 11px; padding: 5px; margin: 0px 0px 0px 0px; }
   7:  ul#twitter_update_list li a { font-size: 10px; }
   8:  </style>
   9:   
  10:  <!-- TWITTER -->
  11:  <div id="twitter_div">
  12:      <p align="center"><a href="http://twitter.com/lancelarsen" title="Follow me on Twitter"
  13:      target="Twitter">Follow me on Twitter</a></p>
  14:      <ul id="twitter_update_list">
  15:          <li></li>
  16:      </ul>
  17:      <p align="center"><a href="http://twitter.com/lancelarsen" title="Follow me on Twitter"
  18:      target="Twitter">Follow me on Twitter</a></p>
  19:  </div>
  20:  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  21:  <script type="text/javascript" 
  22:  src="http://twitter.com/statuses/user_timeline/lancelarsen.json?callback=twitterCallback2&amp;count=10"
  23:  ></script>
  24:  <!-- END TWITTER -->

Tags:

2 comment(s) so far...

Re: Live Twitter Feed CSS

Not sure I got it right, it does not pull my feed...

To clarify, lines within the twitter comment (11-23) go in a text/html module, and the css lines (1-8) can go wherever (like the skin css)?

Thanks
Tim

By Tim Hardin on   4/12/2009 11:20 PM

Re: Live Twitter Feed CSS

I like the code generated (look it rapid4me.com/?q=code+generator ) by default by 2.7’s commenting system, with one exception. It adds ‘your comment is awaiting moderation’ in a bare tag, so if you want to style it you need to style all em tags in all comments, which I don’t want to do… Is there an easy way to just add a class to this one tag without re-writing the entire comment template from scratch?

By lionna on   5/5/2009 2:40 AM

Your name:
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
Enter the code shown above in the box below
Add Comment   Cancel 
Categories Minimize
Search Blogs Minimize
Publish Dates Minimize
Print  

Copyright 2009 by Lance Larsen
Privacy StatementTerms Of Use