Help:Inserting callout boxes
From Gospel Translations
(Difference between revisions)
(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 ...) |
|||
| 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=" | + | {| 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 | ||
| - | {{ | + | {{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>{{ | + | | 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| | + | {{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| | + | | 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> | ||
Current revision as of 14:58, 23 January 2008
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.
The basics:
- Click the "wikitext" button on the page editor to bring up the code for the page
- {{LeftInsert|any text you want}} puts "any text you want" in a box on the left
- {{RightInsert|any other text you want}} puts "any other text you want" in a box on the right
- To embellish text in the box, surrounding a word with '''three ticks''' makes it bold, and ''two ticks'' makes it italicized
| This code (in "Wikitext" view) | Looks like this on the page... |
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
| First paragraph of text Left-aligned box text
Second paragraph of text |
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
| First paragraph of text Right-aligned box text
Second paragraph of text |
First line
{{RightInsert|Box with ''italics''}}
Second paragraph of text
(slightly longer so you can
see how the box aligns.)
Third paragraph of text
| First paragraph of text Box with italics
Second paragraph of text |
First line
{{RightInsert|With '''bold''' text}}
Second paragraph of text
(slightly longer so you can
see how the box aligns.)
Third paragraph of text
| First paragraph of text With bold text
Second paragraph of text |
