How to fake [spoiler] tags in LJ

Aug 20, 2007 18:20

Some message boards have [spoiler][/spoiler] tags that black out the enclosed text. Such as this. LJ doesn't have spoiler tags because is not a real HTML tag. However, you can use CSS to adjust the appearance of one of the existing HTML tags in order to create the spoiler tag effect.



Since I don't normally use the tag in my posts, I'm going to use the tag for spoilers.

1) Add this code to your Customize Journal -> Customize Options -> Custom CSS -> Custom stylesheet.

cite {
color: #000000;
background: #000000;
font-style:normal;
}

#000000 is black. You can choose another color if you like.

2) Add at the beginning and end of the spoiler.

Now whenever you have spoiler info in your post, you can enclose them in the tags, and the text will be hidden.

Note: This will work on plus and paid accounts. This will only work on the home page and flist list of basic accounts because LJ limits which pages use custom style sheets for basic accounts.
Previous post
Up