Tip for making quoted text all pretty like
I've noticed that LJ users resorted to various tactics when they want to quote a block of text in their post. Some people use italics, some use quotes, some indent, etc.
Some messages boards have [quote][/quote] tags that enclose the quoted text in a box and make the text a different color. Thanks to CSS, you can get a similar effect in LJ.
1) Add this code to your Customize Journal -> Customize Options -> Custom CSS -> Custom stylesheet.
blockquote {
border-color: #336699;
color: #336699;
font-size: 90%;
border-style: solid;
border-width: 1px;
padding: .75em 1.25em;
margin: 0 .75em;
}
2) Add
at the beginning and end of the quoted text. You can add tags to both entries and comments.
Now, whenever you want to quote some text, just add
at the beginning and end of the quoted text, and the selection will be enclosed box and the box and text will be in a different color.
Notes
#336699 is a blueish color. Change #336699 to whatever color you want. You can use the online color picker at colorpicker.com to choose a color. You must have the # symbol in front of the number in order for this to work.
border-color controls the color of the box. color controls the color of the text. I've set the box and text to the same color. You can use different colors if you like. For instance, you can have red text in a blue box.
font-size controls the size of the text. I've set the size to 90% to make the quoted text smaller than the regular text. If you set it to 100%, then the quoted text will be the same size as the regular text. If you set it to above 100%, then the quoted text will be bigger than regular text.
Some messages boards have [quote][/quote] tags that enclose the quoted text in a box and make the text a different color. Thanks to CSS, you can get a similar effect in LJ.
1) Add this code to your Customize Journal -> Customize Options -> Custom CSS -> Custom stylesheet.
blockquote {
border-color: #336699;
color: #336699;
font-size: 90%;
border-style: solid;
border-width: 1px;
padding: .75em 1.25em;
margin: 0 .75em;
}
2) Add
at the beginning and end of the quoted text. You can add tags to both entries and comments.
Now, whenever you want to quote some text, just add
at the beginning and end of the quoted text, and the selection will be enclosed box and the box and text will be in a different color.
Notes
#336699 is a blueish color. Change #336699 to whatever color you want. You can use the online color picker at colorpicker.com to choose a color. You must have the # symbol in front of the number in order for this to work.
border-color controls the color of the box. color controls the color of the text. I've set the box and text to the same color. You can use different colors if you like. For instance, you can have red text in a blue box.
font-size controls the size of the text. I've set the size to 90% to make the quoted text smaller than the regular text. If you set it to 100%, then the quoted text will be the same size as the regular text. If you set it to above 100%, then the quoted text will be bigger than regular text.