Putting text in a box

From Create Your Own Story

(Difference between revisions)
m
m
Line 51: Line 51:
*[[Embedding video]]
*[[Embedding video]]
*[[External links]]
*[[External links]]
-
*[[Formatting with code]]
+
 
*[["Actually, I'm done"]]
*[["Actually, I'm done"]]

Revision as of 19:58, 3 November 2009

"So you want to box your text, do you? It's an ancient technique handed down from editor to editor. And it's done like this!"

The genie spins so fast that he becomes a blur.


<pre> Your text here </pre>


"Which will look like this."


 Your text here 

"However, this type of text box will not allow text at the end of the screen to go on to the next line. If you put too much text in that box, you'll have to use a long scroll bar to see it all!

"This second type of text box is more complicated to format, but looks nicer. The box changes shape to accomodate the text inside and will allow long lines of text to go to the next line:

{| align="center" valign="top" style="background-color: ; border: 1px solid #006DC0; margin: 1em 0; padding: .4em .9em .9em;" | Here's a box full of text. |}

"Produces:

Here's a box full of text.

"Plus, you can alter the background color inside the box:

{| align="center" valign="top" style="background-color: #F1F9FF; border: 1px solid #006DC0; margin: 1em 0; padding: .4em .9em .9em;" | Here's text inside a colored box. |}

"Produces:

Here's text inside a colored box. Notice how this long line of text changes the shape of the box.

"What do you want to learn next?"



Personal tools