Solved

How do you format the links that show up in a Twitter feed

Posted on 2011-03-07
2
423 Views
Last Modified: 2012-05-11
I've got a twitter feed happening on my webpage. The only problem is that the links happening within that feed are in a different color and a different size than what I need them to be.

How do I format the style of that feed so I can get the look that I need?

I'm assuming I'm going to use something within the <div> tags, but I don't know how to specify the look of a link within a div tag.

Thoughts?

Here's my code:

<td>
                        <div="twitter">
                        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
                        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/countryshowdown.json?callback=twitterCallback2&count=5"></script></div>
                        </td>
0
Comment
Question by:brucegust
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 12

Accepted Solution

by:
Chad Haney earned 500 total points
ID: 35065477
Depends on if the script is loading the status' into an iframe or directly in the same dom.  I tested the scripts and it didnt load anything.

typically you could just style them with
.twitter a{color:#blah;}
.twitter a:visited{color:#blah;}
0
 

Author Comment

by:brucegust
ID: 35076808
I'm still doing something wrong...

Here's my code on my page:

<div id="twitter">
                        <ul id="twitter_update_list"></ul>
                        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
                        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/countryshowdown.json?callback=twitterCallback2&count=5"></script></div>
                        </td>
                        </tr>
                        </table></div>

I've noticed that if I remove the <ul id="twitter_update_list"></ul>
 tag, I lose everything and I have no idea why.

Here's my stylesheet:

.twitter a
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}
.twitter a:visited
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}
.twitter a:hover
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

and the image I have attached shows you the mess that I've got right now. Any suggestions?  screen shot
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

631 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question