Simon Bisson (sbisson) wrote,
Simon Bisson
sbisson

  • Mood:
  • Music:

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...)
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 18 comments