Username: 
Password:    
Remember Me

Search by :  Username E-mail Region Interest AOL IM ICQ Number Yahoo! ID MSN Username Jabber

& (hammertech) wrote in rp_tutorials,

Just a quick note for lists, there are two ways to do it:

ordered lists: (numbers)
<ol> <li>list item</li> </ol>

it looks like this:

1. milk
2. eggs
3. cheese

unordered lists: (bullets)
<ul> <li>list item</li> </ul>

it looks like this:

• milk
• eggs
• cheese

And as a warning, LJ tends to space the lists out too much if you press enter and have each on a line. So your HTML shouldn't have any breaks to it and look like so (note the lack of different lines like the others):

<ul><li>milk</li><li>eggs</li><li>cheese</li></ul>

As for changing how lists look, you'd use the following within the list item tag (li):

style="list-style-type: WHATEVS"

That would look like this in the HTML:

<li style="list-style-type: WHATEVS">list item</li>

Some options for styling:
none - nothing
circle - circle
square - square
decimal-leading-zero - a number with 0 in front -- 01 for example
georgian The marker is traditional Georgian numbering (an, ban, gan, etc.)
lower-alpha - lower case alphabetical (a, b c, d, e, etc.)
upper-alpha - uppercase alphabetical (A, B, C, D, E, etc.)
lower-roman - lowercase roman (i, ii, iii, iv, v, etc.)
upper-roman - The marker is upper-roman (I, II, III, IV, V, etc.)

keep in mind:
UL = unordered list (circle, square, etc)
OL = ordered list (lower-alpha, upper-roman, decimal-leading-zero, etc)

SO. Examples:
to have nothing there, use style="list-style-type: none"

NONE

<li style="list-style-type: none">

That would look like:

• milk
• eggs
• cheese

to order your list alphabetically, use style="list-style-type: lower-alpha"

the code:

<ul> <li style="list-style-type: lower-alpha">list item</li> </ul>

That would look like:

• milk
• eggs
• cheese

To customize your bullet, use style="list-style-image: url('LINK TO PICTURE HERE')"

The code:

<ul> <li style="list-style-image: url('LINK TO PICTURE HERE')">list item</li> </ul>

example of use:

• milk
• eggs
• cheese

Obviously, the image has to be pretty small. The one I used () is width: 10px, height: 10px.

Also, there's tons more you can do with lists (like the TDs of tables) like backgrounds and shit but not all of them work very well with IJ. Backgrounds, for example, stretch out across the page and have to be confined in a table. EITHER WAY, I hope that helps! And FUNKY CHICKENS :D ftw.

/tl;dr