Mahra at 14:58, 23 January 2008

2008-01-23T14:58:05Z

← Older revision		Revision as of 14:58, 23 January 2008
Line 1:		Line 1:
-	{{RightInsert\|This is a standard callout box.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily done, but it does require a little extra know-how. The table below gives you code and examples for producing different results.<br>	+	{{RightInsert\|This is a standard callout box. It aligns vertically with the top of the paragraph it is placed next to.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily done, but it does require a little extra know-how. The table below gives you code and examples for producing different results.<br>
		+
		+	The basics:
		+
		+	# Click the "wikitext" button on the page editor to bring up the code for the page
		+	# <span style="font-family: courier;"><nowiki>{{LeftInsert\|any text you want}}</nowiki></span> puts "any text you want" in a box on the left
		+	# <span style="font-family: courier;"><nowiki>{{RightInsert\|any other text you want}}</nowiki></span> puts "any other text you want" in a box on the right
		+	# To embellish text in the box, surrounding a word with <span style="font-family: courier;"><nowiki>'''three ticks'''</nowiki></span> makes it bold, and <span style="font-family: courier;"><nowiki>''two ticks''</nowiki></span> makes it italicized

	<br>		<br>

-	{\| width="1022" cellspacing="0" cellpadding="0" border="1" align="center"	+	{\| width="1022" cellspacing="0" cellpadding="6" border="1" align="center"
	\|-		\|-
	\| width="40%" bgcolor="#f5f5f5" align="center" \| '''This code (in "Wikitext" view)<br>'''		\| width="40%" bgcolor="#f5f5f5" align="center" \| '''This code (in "Wikitext" view)<br>'''
	\| width="59%" bgcolor="#f5f5f5" align="center" \| '''Looks like this on the page...'''<br>		\| width="59%" bgcolor="#f5f5f5" align="center" \| '''Looks like this on the page...'''<br>
	\|-		\|-
-	\| align="left" \| <pre style="margin: 1px; font-family: courier; font-size: 7px; font-weight: normal;">First paragraph of text	+	\| align="left" \| <pre style="margin: 1px; line-height: 15px; font-family: courier; font-size: 7px; font-weight: normal;">First paragraph of text
		+
		+	{{LeftInsert\|Left-aligned box text}}
		+	Second paragraph of text
		+	(slightly longer so you can
		+	see how the box aligns.)
		+
		+	Third paragraph of text</pre>
		+	\| align="left" \| First paragraph of text<br><br>{{LeftInsert\|Left-aligned box text}}Second paragraph of text <br>(slightly longer so you can <br>see how the box aligns).<br><br>Third paragraph of text<br>
		+	\|-
		+	\| align="left" \| <pre style="margin: 1px; line-height: 15px; font-family: courier; font-size: 7px; font-weight: normal;">First line
		+
		+	{{RightInsert\|Right-aligned box text}}
		+	Second paragraph of text
		+	(slightly longer so you can
		+	see how the box aligns.)
		+
		+	Third paragraph of text</pre>
		+	\| align="left" \| First paragraph of text<br><br>{{RightInsert\|Right-aligned box text}}Second paragraph of text <br>(slightly longer so you can <br>see how the box aligns).<br><br>Third paragraph of text<br>
		+	\|-
		+	\| align="left" \| <pre style="margin: 1px; line-height: 15px; font-family: courier; font-size: 7px; font-weight: normal;">First line

-	{{~~LeftInsert~~\|~~Left-aligned box text~~}}Second paragraph of text	+	{{RightInsert\|Box with ''italics''}}
		+	Second paragraph of text
		+	(slightly longer so you can
		+	see how the box aligns.)

	Third paragraph of text</pre>		Third paragraph of text</pre>
-	\| align="left" \| First paragraph of text<br><br>{{~~LeftInsert~~\|~~Left-aligned box text~~}}Second paragraph of text<br><br>Third paragraph of text<br>	+	\| align="left" \| First paragraph of text<br><br>{{RightInsert\|Box with ''italics''}}Second paragraph of text <br>(slightly longer so you can <br>see how the box aligns).<br><br>Third paragraph of text<br>
	\|-		\|-
-	\| align="left" \| <pre style="margin: 1px; font-family: courier; font-size: 7px; font-weight: normal;">First line	+	\| align="left" \| <pre style="margin: 1px; line-height: 15px; font-family: courier; font-size: 7px; font-weight: normal;">First line

-	{{RightInsert\|~~Right-aligned box~~ text}}Second ~~pargraph~~ of text	+	{{RightInsert\|With '''bold''' text}}
		+	Second paragraph of text
		+	(slightly longer so you can
		+	see how the box aligns.)

	Third paragraph of text</pre>		Third paragraph of text</pre>
-	\| align="left" \| First paragraph of text<br><br>{{RightInsert\|~~Right-aligned box~~ text}}Second paragraph of text<br><br>Third paragraph of text<br>	+	\| align="left" \| First paragraph of text<br><br>{{RightInsert\|With '''bold''' text}}Second paragraph of text <br>(slightly longer so you can <br>see how the box aligns).<br><br>Third paragraph of text<br>
	\|}		\|}

	<br>		<br>

Mahra: New page: {{RightInsert|This is a standard callout box.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily ...

2008-01-22T23:22:09Z

New page: {{RightInsert|This is a standard callout box.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily ...

New page

{{RightInsert|This is a standard callout box.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily done, but it does require a little extra know-how. The table below gives you code and examples for producing different results. 

 

{| width="1022" cellspacing="0" cellpadding="0" border="1" align="center"
|-
| width="40%" bgcolor="#f5f5f5" align="center" | '''This code (in "Wikitext" view) '''
| width="59%" bgcolor="#f5f5f5" align="center" | '''Looks like this on the page...''' 
|-
| align="left" | <pre style="margin: 1px; font-family: courier; font-size: 7px; font-weight: normal;">First paragraph of text

{{LeftInsert|Left-aligned box text}}Second paragraph of text

Third paragraph of text</pre>
| align="left" | First paragraph of text {{LeftInsert|Left-aligned box text}}Second paragraph of text Third paragraph of text 
|-
| align="left" | <pre style="margin: 1px; font-family: courier; font-size: 7px; font-weight: normal;">First line

{{RightInsert|Right-aligned box text}}Second pargraph of text

Third paragraph of text</pre>
| align="left" | First paragraph of text {{RightInsert|Right-aligned box text}}Second paragraph of text Third paragraph of text 
|}

Help:Inserting callout boxes - Revision history

Mahra at 14:58, 23 January 2008

Mahra: New page: {{RightInsert|This is a standard callout box.}}In some of our resources, especially books, it is occasionally necessary to insert a "callout box" like the one on the right. This is easily ...