User Tools

Site Tools


howto:wrap

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
howto:wrap [2019/12/12 15:17] – [Boxes] va7fihowto:wrap [2020/08/07 13:03] (current) – external edit 127.0.0.1
Line 1: Line 1:
 ====== Wrap Plugin Examples ====== ====== Wrap Plugin Examples ======
 +
 +The Wrap plugin has some of its most commonly used wraps in the tool bar:
 +{{  wrap.png  }}
  
 More info [[https://www.dokuwiki.org/plugin:wrap |here]] More info [[https://www.dokuwiki.org/plugin:wrap |here]]
Line 7: Line 10:
 <WRAP half column> <WRAP half column>
 %%<WRAP half column>%% %%<WRAP half column>%%
 +
 +This is text in the left column.
 </WRAP> </WRAP>
  
 <WRAP half column> <WRAP half column>
 %%<WRAP half column>%% %%<WRAP half column>%%
 +
 +This is text in the right column.
 </WRAP> </WRAP>
  
Line 18: Line 25:
 <WRAP rightalign> <WRAP rightalign>
 %%<WRAP rightalign>%% %%<WRAP rightalign>%%
 +
 +All this text is aligned to the right.
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
 %%<WRAP centeralign>%% %%<WRAP centeralign>%%
 +
 +All this text is aligned in the centre.
 </WRAP> </WRAP>
  
 <WRAP leftalign> <WRAP leftalign>
 %%<WRAP leftalign>%% %%<WRAP leftalign>%%
 +
 +This text is aligned to the left as per usual.
 </WRAP> </WRAP>
  
 <WRAP justify> <WRAP justify>
 %%<WRAP justify>%% %%<WRAP justify>%%
 +
 +This text is justified, which means that the lines are stretched so that they all end at the end.
 </WRAP> </WRAP>
  
Line 36: Line 51:
 <WRAP half column> <WRAP half column>
  
-<WRAP box 40%> +<WRAP box 80%> 
-%%<WRAP box 40%>%%+%%<WRAP box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round box 40%> +<WRAP round box 80%> 
-%%<WRAP round box 40%>%%+%%<WRAP round box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round info box 40%> +<WRAP round danger box 80%> 
-%%<WRAP round info box 40%>%%+%%<WRAP round danger box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round important box 40%> +<WRAP round warning box 80%> 
-%%<WRAP round important box 40%>%%+%%<WRAP round warning box 80%>%% 
 +</WRAP> 
 + 
 +<WRAP round caution box 80%> 
 +%%<WRAP round caution box 80%>%% 
 +</WRAP> 
 + 
 +<WRAP round notice box 80%> 
 +%%<WRAP round notice box 80%>%% 
 +</WRAP> 
 + 
 +<WRAP round safety box 80%> 
 +%%<WRAP round safety box 80%>%% 
 +</WRAP> 
 + 
 +<WRAP prewrap 80%> 
 +%%<WRAP prewrap 80%>%% is not technically a box, but it acts like one.
 </WRAP> </WRAP>
  
Line 55: Line 86:
 <WRAP half column> <WRAP half column>
  
-<WRAP round alert box 40%> +<WRAP round info box 80%> 
-%%<WRAP round alert box 40%>%%+%%<WRAP round info box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round tip box 40%> +<WRAP round help box 80%> 
-%%<WRAP round tip box 40%>%%+%%<WRAP round help box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round todo box 40%> +<WRAP round important box 80%> 
-%%<WRAP round todo box 40%>%%+%%<WRAP round important box 80%>%%
 </WRAP> </WRAP>
  
-<WRAP round download box 40%> +<WRAP round alert box 80%> 
-%%<WRAP round download box 40%>%%+%%<WRAP round alert box 80%>%%
 </WRAP> </WRAP>
  
 +<WRAP round tip box 80%>
 +%%<WRAP round tip box 80%>%%
 </WRAP> </WRAP>
  
 +<WRAP round todo box 80%>
 +%%<WRAP round todo box 80%>%%
 +</WRAP>
  
 +<WRAP round download box 80%>
 +%%<WRAP round download box 80%>%%
 +</WRAP>
 +
 +</WRAP>
 +
 +
 +Also note that the width can be set as: ''%, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in''
 +===== Misc =====
 +For embedded text, use ''wrap'' in lower case:
 +
 +  * <wrap tip>%%<wrap tip>%%</wrap>
 +  * <wrap tip></wrap>
 +  * <wrap mark hi>%%<wrap mark hi>%%</wrap>
 +  * <wrap mark lo>%%<wrap mark lo>%%</wrap>
 +  * <wrap mark em>%%<wrap mark em>%%</wrap>
 +  * <wrap spoiler>%%<wrap spoiler>%%</wrap>
 +  * <wrap indent>%%<wrap indent>%%</wrap>
 +  * <wrap outdent>%%<wrap outdent>%%</wrap>
 +  * <wrap button>%%<wrap button>[[link]]%%[[wrap]]</wrap>
 +
 +
 +===== Test =====
 +
 +<WRAP box 40%>
 +==== test ====
 +
 +%%<WRAP box 80%>%%
 +</WRAP>
 +
 +<WRAP 40%>
 +==== A Heading ====
 +
 +So here's a sample wrap containing what I hope to eventually be a nicely formatted, visually appealing bit of content. 
 +</WRAP>
howto/wrap.1576192620.txt.gz · Last modified: 2019/12/12 15:17 by va7fi