InsaneJournal

Tweak says, "Won't you be my Baby Bird?"

agent_k (agent_k) wrote in rp_tutorials,
@ 2010-05-21 13:16:00

Question!
I was wondering if anyone could tell me how to make a simple attractive bullet list for both the profile page and an entry? I assume that the code would be the same for both, I am just super lame with coding.

(Post a new comment)

	babypickles 2010-05-21 07:20 pm UTC (link)
	If you look at the comments to This Post, you can see instructions for how to make a simple bullet list. :) (Reply to this) (Thread)

	agent_k 2010-05-22 01:43 pm UTC (link)
	Thank you! (Reply to this) (Parent)

lemonadeandgin
2010-05-22 02:23 am UTC (link)

It depends what you consider an attractive bullet list.

this is pretty standard
generic bullets
no real specifications

You start with a <ul> tag (stands for "unordered list" as opposed to <ol>, "ordered list"), then for each bullet have a <li> tag at the beginning of each item in your list. After the last item, include another </ul> to return to the standard formatting.

I find those dots a little ungainly though, so there are a few other "li types" that you can use. I think you can have squares, diamonds, and maybe another, but my personal favourite is a circle that isn't filled in. This is done just like the above, but instead of the plain <li> that gives us the big fat bullets, put <li type="circle"> in front of each item instead.

the result
will look just
like this

You can also use special characters for your lists: → ☂ ☆ ☑ ♚ ♫ (or anything else!). In this case don't bother with the <li> tag. The <ul> will indent the text for you if you want it indented, and you can just copy and past the image you desire in front of your text.

Hope this helps!

(Reply to this) (Thread)

	agent_k 2010-05-22 01:44 pm UTC (link)
	Thanks so much! This is exactly what I was looking for! I did use the hollow circles myself. ;) (Reply to this) (Parent)