Livejournal HTML help from BearBlue
Taken from here.
**Note that the text colors didn't change, but this particular layout uses a uniform text color. In most journals that use varying text colors, these should work.
The Handy-Dandy Livejournal Cheat Sheet
Posted: December 25, 2003
Updated: December 25, 2003
The Handy-Dandy Livejournal Cheat Sheet
This cheat sheet is designed to help you utilize the features of lj more effortlessly.
It's really long, because it covers so many things. But it is simplified for
your use. I hope that you find it useful and helpful.
LJ Codes
LJ has its own codes that can be conveniently applied to lj entries.
LJ CUT =
You can modify the text of LJCUT:
You can also end and LJCUT so it will reveal the text you want it to reveal:
So it would look like: Text you want to hide
Text you want to reveal.
LJUSER = ljsnameofuser
For more features you can look in the FAQ entry: http://www.livejournal.com/support/faqbrowse.bml?faqid=75
Handy Features
LJ automatically recognizes hotlinking. It recognizes the use of the enter
key as a paragraph or break and recognizes html tags. It will also load images
if the image source tag is used.
Now to explain what that means.
Hotlinking, in this case, is simply the method of typing or copy/pasting a
url into the document. A url looks like: http://www.some.com
It can be copied from the locator or address bar in the browser and then pasted
directly into the livejournal text form. The hotlink will show as a link in
the document, after you hit submit.
To have an image show up within the body of the text you must have the image
in a server that is friendly to distance linking. Most paid services will allow
distance linking. Some news services will allow it (temporarily). But not all
do. The only way to really find out is to try it, however.
This is how you do it.
1. Find an image that you like on the web.
2. Right click on the image until you see a menu.
3. Click on properties.
4. Highlight the url which the image properties shows.
5. Copy it. (Control-C)
6. In the blackboad form type:<BR> 8. Close the tag: )
9. The image source code looks like this:
or
Remember the smaller the image, the quicker it loads. Small
images can also be inserted
into the text easily.
The following are methods for manipulating text with html. It will work like
this Sample. Remember that LJ still follows the
main html tag rule of if you open the tag, you must close it." Also, if
you open a tag in a particular order, you must close it in a particular order.
Here are some basics:
bold
italics
underline
strikethrough
subscript
superscript
small
Teletype
Horizontal Rule
Now for some fancier things:
Alignment
center
left
right
Headers and Fonts
header1
header 2
header 3
header 4
header 5
header 6
Also, font size + or - may be used up to size seven. The code looks like:
font +2 Use whichever is
handiest for you, but headers do not format well with other text, while Font
size may allow you to mix and match sizes for weird effects.
Font Color (combines well with bold!)
Most font how-tos are going to mention hexidecimals. But this cheat sheet is
only going to use the 16 guaranteed words to make your life much much easier.
There are more, but they are recent additions and not guaranteed, but I'll list
sites to visit at the end of this document for those who are interested because
you never know.
The basic code looks like this: Word being
colored
The following words can be used to enhance your pages:
red red
yellow yellow
blue blue
green green
black black
white white
aqua aqua
fuscia fuscia
lime lime
maroon maroon
navy navy
olive olive
silver silver
gold gold
teal teal
gray gray
Notice how light text shows up poorly on a light background. Dark text, will
of course, show up poorly on a dark background. However, if you would like to
highlight text like the white with a blue background above, use this code:
spanned
text
replace (after background color:) color with blue, red, yellow, etc.
spanned
text
LISTS
Unordered lists (bulleted)
Ordered lists (numbered)
Definition Lists
Term
The explaining definition. Also good
for listing dated items
Next
Term
Next definition
Term
The explaining definition. Also good for listing dated items.
Next Term
Next definition
Websites of Interest
These websites have the long list of color words that *should* work within a
browser
My color chart: http://www.plusmembers.com/fun4cat/ColorTable.html
HTML Goodies: http://www.htmlgoodies.com/tutors/colors.html
This is a website for those interested in nesting those lists. It also has
some groovy tutorials.
Introduction to HTML nested lists: http://www.its.unimelb.edu.au/courses/publish/HTML/IntroHTML2-5.html
Banner Generators
As an extra goodie, here is a list of free banner generators on the web. You
will need to download the images you create onto your harddrive and then upload
them to your favorite distant linking server if you wish to use them.
The banner generator: http://www.coder.com/creations/banner/
Flaming Text: http://www.flamingtext.com/
Cool Text: http://www.cooltext.com/
Cool Archive: http://www.coolarchive.com/logogen.cfm
(You can create transparent gifs with this one)
Font and Code Generators
Draac.com: http://draac.com/rainbow.html Creates a
real fun Multicolored text for you. Deeper into the site is a really nifty
banner generator too.
HTML Basix: http://www.htmlbasix.com/
HTML Basix has some wonderful links that allow you to paste in text or whatever
and create code. Be sure and click on Font Magic to use the font generator form.
You should be able to type and cut and paste whole paragraphs in that form.
Also -To make it easier for you to choose, here are the generators which put
out content that I know work.
Marquee Generator: http://www.htmlbasix.com/marquee.shtml
List Generator: http://www.htmlbasix.com/list.shtml
Basic Table Generator: http://www.htmlbasix.com/table1.shtml
Advanced Table Generator: http://www.htmlbasix.com/table3.shtml
Glow and Shadow Text: http://www.htmlbasix.com/fontfilters.shtml
(font color forms do use the color words! You don't have to rely on
hexidecimal - HURRAY!)
Well, given that this is like eating and breathing to me I could probably
go on and on. But I think we'll call this good. Hopefully you will find this
page useful. Good luck and enjoy! - Katrina :)
**Note that the text colors didn't change, but this particular layout uses a uniform text color. In most journals that use varying text colors, these should work.
The Handy-Dandy Livejournal Cheat Sheet
Posted: December 25, 2003
Updated: December 25, 2003
The Handy-Dandy Livejournal Cheat Sheet
This cheat sheet is designed to help you utilize the features of lj more effortlessly.
It's really long, because it covers so many things. But it is simplified for
your use. I hope that you find it useful and helpful.
LJ Codes
LJ has its own codes that can be conveniently applied to lj entries.
LJ CUT =
You can modify the text of LJCUT:
You can also end and LJCUT so it will reveal the text you want it to reveal:
So it would look like: Text you want to hide
Text you want to reveal.
LJUSER = ljsnameofuser
For more features you can look in the FAQ entry: http://www.livejournal.com/support/faqbrowse.bml?faqid=75
Handy Features
LJ automatically recognizes hotlinking. It recognizes the use of the enter
key as a paragraph or break and recognizes html tags. It will also load images
if the image source tag is used.
Now to explain what that means.
Hotlinking, in this case, is simply the method of typing or copy/pasting a
url into the document. A url looks like: http://www.some.com
It can be copied from the locator or address bar in the browser and then pasted
directly into the livejournal text form. The hotlink will show as a link in
the document, after you hit submit.
To have an image show up within the body of the text you must have the image
in a server that is friendly to distance linking. Most paid services will allow
distance linking. Some news services will allow it (temporarily). But not all
do. The only way to really find out is to try it, however.
This is how you do it.
1. Find an image that you like on the web.
2. Right click on the image until you see a menu.
3. Click on properties.
4. Highlight the url which the image properties shows.
5. Copy it. (Control-C)
6. In the blackboad form type:
9. The image source code looks like this:
or
Remember the smaller the image, the quicker it loads. Small
images can also be inserted
into the text easily.
The following are methods for manipulating text with html. It will work like
this Sample. Remember that LJ still follows the
main html tag rule of if you open the tag, you must close it." Also, if
you open a tag in a particular order, you must close it in a particular order.
Here are some basics:
bold
italics
underline
strikethrough
subscript
superscript
small
Teletype
Horizontal Rule
Now for some fancier things:
Alignment
center
left
right
Headers and Fonts
header1
header 2
header 3
header 4
header 5
header 6
Also, font size + or - may be used up to size seven. The code looks like:
font +2 Use whichever is
handiest for you, but headers do not format well with other text, while Font
size may allow you to mix and match sizes for weird effects.
Font Color (combines well with bold!)
Most font how-tos are going to mention hexidecimals. But this cheat sheet is
only going to use the 16 guaranteed words to make your life much much easier.
There are more, but they are recent additions and not guaranteed, but I'll list
sites to visit at the end of this document for those who are interested because
you never know.
The basic code looks like this: Word being
colored
The following words can be used to enhance your pages:
red red
yellow yellow
blue blue
green green
black black
white white
aqua aqua
fuscia fuscia
lime lime
maroon maroon
navy navy
olive olive
silver silver
gold gold
teal teal
gray gray
Notice how light text shows up poorly on a light background. Dark text, will
of course, show up poorly on a dark background. However, if you would like to
highlight text like the white with a blue background above, use this code:
spanned
text
replace (after background color:) color with blue, red, yellow, etc.
spanned
text
LISTS
Unordered lists (bulleted)
- list item
- list
item - list item
- list item
- list item
- list item
Ordered lists (numbered)
- list item
- list
item - list item
- list item
- list item
- list item
Definition Lists
Term
The explaining definition. Also good
for listing dated items
Next
Term
Next definition
Term
The explaining definition. Also good for listing dated items.
Next Term
Next definition
Websites of Interest
These websites have the long list of color words that *should* work within a
browser
My color chart: http://www.plusmembers.com/fun4cat/ColorTable.html
HTML Goodies: http://www.htmlgoodies.com/tutors/colors.html
This is a website for those interested in nesting those lists. It also has
some groovy tutorials.
Introduction to HTML nested lists: http://www.its.unimelb.edu.au/courses/publish/HTML/IntroHTML2-5.html
Banner Generators
As an extra goodie, here is a list of free banner generators on the web. You
will need to download the images you create onto your harddrive and then upload
them to your favorite distant linking server if you wish to use them.
The banner generator: http://www.coder.com/creations/banner/
Flaming Text: http://www.flamingtext.com/
Cool Text: http://www.cooltext.com/
Cool Archive: http://www.coolarchive.com/logogen.cfm
(You can create transparent gifs with this one)
Font and Code Generators
Draac.com: http://draac.com/rainbow.html Creates a
real fun Multicolored text for you. Deeper into the site is a really nifty
banner generator too.
HTML Basix: http://www.htmlbasix.com/
HTML Basix has some wonderful links that allow you to paste in text or whatever
and create code. Be sure and click on Font Magic to use the font generator form.
You should be able to type and cut and paste whole paragraphs in that form.
Also -To make it easier for you to choose, here are the generators which put
out content that I know work.
Marquee Generator: http://www.htmlbasix.com/marquee.shtml
List Generator: http://www.htmlbasix.com/list.shtml
Basic Table Generator: http://www.htmlbasix.com/table1.shtml
Advanced Table Generator: http://www.htmlbasix.com/table3.shtml
Glow and Shadow Text: http://www.htmlbasix.com/fontfilters.shtml
(font color forms do use the color words! You don't have to rely on
hexidecimal - HURRAY!)
Well, given that this is like eating and breathing to me I could probably
go on and on. But I think we'll call this good. Hopefully you will find this
page useful. Good luck and enjoy! - Katrina :)