[LJ/DW] Removing or enhancing LoudTwitter posts on your friends page

Feb 01, 2009 23:06

I like Twitter. It's nice, quick and effective, and allows for quick thoughts or short public discussions that can crossover with others. That there are MPs sometimes sat in the House of Commons listening to debates and reading Twitter means I can, if necessary, pass information on nice and easily. Not done it yet, but it might happen.

I also like sharing links and stuff on Twitter, and having my Twitter posts (but not replies) transfer to both my Facebook status and as daily digests. As I'd just stopped doing linkspams and can't be bothered to fix the code, I'm temporarily doing all my links through Twitter as well, it suits me.

I like reading others Twitter digests, ported through LoudTwitter, on my friends list. I personally dislike it when they're cut, as it stops me doing a quick scan and I'm not likely to open the cut text up as it takes too long. If I don't want to read, I can scroll past.

Given that I like having LoudTwitter posts on my friends page, I've added some code to my journal to make them look a lot better than the default. This is Good.

But I also know that some people, poor misunderstanding types that they are, dislike seeing Twitter posts, completely. Given that some people seem to insist on crossposting all their Tweets, including their halves of ongoing conversations that make little sense, I can understand this, but it's better to just get such people to turn off the option of importing replies, as redatt explains.

But, for those of you that really don't want to read Loudtwitter posts on their friends page, and for those of you that want to enhance the Loudtwitter posts that appear on theirs, I thought I'd share some code.

My enhancement code:

.loudtwitter {
background:#000000;
colour:#dddddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
list-style: square;
}
.loudtwitter li {
padding-bottom: 5px;
border-bottom: 1px dotted;
}
.loudtwitter li em {
color:#ee5;
font-weight: bold;
font-style: normal;
}
.loudtwitter li em:after {
content: "- ";
}
And some removal code if you really want it:
.loudtwitter {
display: none!important
}
Note, I coded it in twenty seconds, it's a simple CSS trick, it only removes the list of tweets, not the whole post, and it was really easy.

To use either, all you need to do is go to CustomCSS on LJ or DW and copy/paste it in
http://www.livejournal.com/customize/options.bml?group=customcss
http://www.dreamwidth.org/customize/options.bml?group=customcss

For those of you that have got into the habit of cutting your tweet imports because some friends wanted it? If they don't want to see them, link them here. Because I'd much rather see them, and helping everyone make their tweets look pretty makes sense to me. Anyone that wants the colours changed to suit their background, feel free to comment.

ETA: As this is getting linked to all over the place (still), if you're coming here froma link, you might also like [LJ/DW] Making profile icons look cool in your layout which explains how to replace the LJ userimage with an icon of your choice.

dw:layout, loudtwitter, lj:layout, twitter

Previous post Next post
Up