June 25th, 2003

More neat CSS tricks for LJ: overlaying text

This is a little trick for overlaying text in LJ comments and messages (depending on the style used!).


Back
Front



It's fairly simple to do, too...

The HTML I used uses inline CSS to manage the layout.

<lj-raw>
<DIV style="line-height:0px">
<P>
<BR>
<FONT STYLE="color: red; font-family: 'Tahoma', sans-serif; font-size: 42pt">Back</FONT>
<BR>
<FONT STYLE="color: blue; font-family: 'Tahoma', sans-serif; font-size: 78pt">Front</FONT>
</DIV>
<BR>
</P>
</lj-raw>


It helps to put a few lines of padding white space around the code to make sure you don't get nasty layout effects...

(Update 1: Probably best if you look at this in a comment view to see the full effect.)

(Update 2: The LJ autoformat system mangled the DIV style I was using. So I have used <lj-raw> tags to fix it. See the code sample for the latest changes...)
  • Current Music
    none

Cat FUD

We often talk about cat fud, but what if it was cat FUD - the Fear, Uncertainty and Doubt of computer marketing campaigns? So what would cat FUD be?

"Ah, cats, they wake you up at 4.30 in the morning"
"Cats shed white on black, and black on white - it's a fact"
"Did you know hairballs explode on contact with water?"
"That cute kitten? Did you sign the maintenance contract?"
"Upgrade a cat? Fat chance!"

Hmm. Not so much FUD as the truth of living with a pride of the beasts....
  • Current Music
    Delerium - Magic