Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2011-03-07
2
Medium Priority
?
429 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
2 Comments
 
LVL 12

Accepted Solution

by:
Chad Haney earned 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

877 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