How do you make those neato boxes around text in a post?

[funflower]

:shrug:

[KitchenWitch]

1. go into the html lookup table

Type in <div class="excerpt">Text</div>

Only replace the < > with the square brackets and Text with the text you want in the box

[FuzzySlippers]

3. .

Like this?

[KitchenWitch]

4. bingo!

[proud2BlibKansan]

11. WOW

[proud2BlibKansan]

13. WTF happened?

LOL

[KitchenWitch]

15. How did you do that?

:shrug:

[proud2BlibKansan]

20. I have no idea

:shrug:

LOL

[funflower]

21. Hmmm.... Let me try it....

Like this?

[funflower]

22. HAHA! I did it!

Thanks!:bounce:

[Omphaloskepsis]

2. [div class="excerpt"]text goes here[/div]

text goes here

[BikeWriter]

5. [p style="border: dashed #4A708B 2px"]Or you can do this.[/p ]

Or you can do this.

[Whoa_Nelly]

6. Wow! Have wanted to know how to do these neato posting tricks!

Posting like this

And posting like this!

NEATO!

[BikeWriter]

7. I use the one above every day on my forums to differentiate...

between quotes and my own comments. I'm glad you like it!

[Whoa_Nelly]

12. It's more cool than school, dear BW!

Or some such thing...

[BikeWriter]

14. LOL! Very good, Sweety!

[FuzzySlippers]

8. .

Shit this a lot of crap to type.

Edit: Ok. That didn't work. I typed all that crap out. What am I doing wrong?

[Robeson]

9. LOL. My thoughts, exactly.....

....:rofl:

[Whoa_Nelly]

10. My, but you catch on quickly!

You are good! How did you get your dashed box to be so bold?

[BikeWriter]

17. [p style="border: solid #4A708B 3px"]Changing values is easy![/p ]

Changing values is easy!

[BikeWriter]

16. Copy and paste makes it much easier.

[FuzzySlippers]

18. .

Let's try this one more time.

Bingo!

:bounce: :bounce: :bounce:

[BikeWriter]

19. You've got a new toy to play with, huh? :-)