Differences

This shows you the differences between two versions of the page.

--- wiki:wrap_samples [2017/12/19 20:28] – created dale
+++ wiki:wrap_samples [2017/12/19 21:19] (current) – [Some more info about boxes] dale
@@ Line 1: / Line 1: @@
 ===== Wrap Plugin Samples =====
+==== Alignment Possibilities ====
 <WRAP centeralign 100%>
-This text is center aligned
+This text is center aligned 100%
 </WRAP>
-<WRAP centeralign 100%>
+<WRAP rightalign 100%>
-This text is right aligned
+This text is right aligned 100%
 </WRAP>
-<WRAP justify 100%>
+<WRAP centeralign 50%>
-This text is justified
+This text is center aligned 50%
 </WRAP>
+<WRAP rightalign 50%>
+This text is right aligned 50%
+</WRAP>
+==== Fun with Columns ====
+<WRAP group>
+<WRAP third column>
+This is data in the first column, and will wrap as needed depending on the screen width, so should float nicely.
+</WRAP>
+<WRAP third column>
+This is data in the second column, and will wrap as needed depending on the screen width, so should float as nicely as the first column.
+</WRAP>
+<WRAP third column>
+This is data in the third column, and will wrap as needed depending on the screen width, so should float as nicely as the first two columns did.
+</WRAP>
+</WRAP>
+<color #ed1c24>Note to use half for 2 columns, third for 3</color>
+==== Fun with Indentation ====
+//Note in these samples " \\" at the end of the line forces a line break.//
+<WRAP indent>
+This line is indented \\
+So is this line \\
+</WRAP>
+==== Fun with Outdentation ====
+<WRAP outdent>
+This line is outdented \\
+So is this line \\
+</WRAP>
+==== Fun with Prewrap ====
+<WRAP prewrap 300px>
+<code>
+This is a prewrap code box that is fun to the point of making Bill Whisman have a beer
+</code>
+</WRAP>
+==== Fun with making a link look like a Button ====
+<wrap button>[[http://www.wmich.edu|WMU]]</wrap>
+==== Some more info about boxes ====
+//Some are available in the wrap edit line//
+<WRAP round box 400px left>
+This text will be in a standard rounded box and will wrap around as needed using the size 400px and floats left
+</WRAP>
+<WRAP round box 400px right>
+This text will be in a standard rounded box and will wrap around as needed using the size 400px and floats right</WRAP>
+<WRAP round box 400px left>
+This text will be in a standard rounded box and will wrap around as needed using the size 400px and floats left
+</WRAP>
+<WRAP round box 400px center>
+This text will be in a standard rounded box and will wrap around as needed using the size 400px and floats center</WRAP>
+<WRAP round box 400px left>
+This text will be in a standard rounded box and will wrap around as needed using the size 400px and floats left.
+<WRAP center round alert 60%>
+Sample box in a box
+</WRAP>
+</WRAP>