Jump to content

Template:Lightul

From Wikibooks, open books for an open world
  • {{{1}}}


Makes an unnumbered bullet item in a light coloured box. Intended to alternate with {{Darkul}}, which makes a table formatted box with a darker background.

Example

[edit source]
{{darkul|text 1}}
{{lightul|text 2}} ...ect

gives;

  • The time has come for all good men to come to the aid of the party. The quick brown fox jumps over the lazy dog 0123456789 times. Of all the fishes in the sea the mermaid is the one for me. Peter Piper picked a pot of pickled pepper. The Leith police inhibiteth us.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Short lines should employ a wrapper and container and the short-named sister-templates listed below to ensure the element spans the full usable width, up to another element to the right like an image. See the example in {{container}}.
  • The time has come for all good men to come to the aid of the party. The quick brown fox jumps over the lazy dog 0123456789 times. Of all the fishes in the sea the mermaid is the one for me. Peter Piper picked a pot of pickled pepper. The Leith police inhibiteth us.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Peter Piper picked a peck of pickled peppers while the short dog sat on the stool instead of chasing the fox watching the cow jump over the moon, whilst the dish ran away with the spoon, and just not in Disney's first version of 'The Beauty and the Beast'. It also happened above the clouds in Jack and the Beanie Babies went out of style and ran to escape up a bean stalk. Whew!


Short lines should employ a wrapper and container and the short-named sister-templates listed below to ensure the element spans the full usable width, up to another element to the right like an image. See the example in {{container}}.

The smoke and mirrors ...
does not really exist. These templates merely reduce somewhat painstaking repetitive html code wrappings to a user friendly macro. These perform the coding needed to generate portable standard html for bulleted paragraphs:
 <table cellspacing=0 border=0 style="border:{{{B|1px solid lightgrey}}}; background: {{{B|rgb(240,240,240)}}};
 
  margin:{{{M|auto}}}; max-width:{{{MW|100%}}};">
 
 <td style="padding:{{{P|2px 5px 2px 5px}}};"><ul><li>{{{content|{{{1}}} }}}</li></ul></td> </table>

Note the use of  td elements" <td> ... </td>, firstly says they expect a table element wrapper. Secondly suggests they can be alternated within

 <tr> ... </tr> wrappers to form a line with multiple columns, creating first a table with specific width parameters so they follow the leader, and stay in their own lane on each subsequent line.
See companion templates...
  • Use {{Lul}} and {{Dul}} to make the bullet strips.
  • Use {{Lightul}} and {{Darkul}} without a container, in a stack for full page widths or when the amount of text is sufficient to form more than one line for every bullet point.
  • Use {{container}} to include and bound combinations of the above listed beside an image.