VarTHREECOLUMNS < TWiki

Tags: view all tags

#VarTHREECOLUMNS
---+++ THREECOLUMNS -- responsive three-column page layout
   * Write =%<nop>THREECOLUMNS% ...text... %<nop>ENDCOLUMNS%= to get a page layout with __three columns__. The layout is responsive, e.g. it automatically adjusts to a lower number of columns (3 =&gt; 2 =&gt; 1) depending on the window width or screen width of the device used. The 300 pixels minimum width of a column determines the number of columns shown. Embedded images scale down automatically to the width of the screen if needed.
   * Syntax: =%<nop>THREECOLUMNS% ... %<nop>ENDCOLUMNS%=
   * Example: <div style="color: gray; padding: 5px 0;"> %THREECOLUMNS%  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra ante ac augue sagittis semper. Vestibulum sed urna quam. Phasellus eleifend dolor id dui dictum lobortis. Etiam enim erat, fermentum eget libero non, pretium vestibulum nisi. Nam eget nisi diam. Cras egestas, nibh a malesuada hendrerit, tellus turpis gravida dolor, at fermentum ipsum libero id eros. Mauris a nunc turpis. Fusce turpis dui, blandit nec maximus at, sagittis et arcu. Duis eros sapien, accumsan sed varius eget, elementum eu sapien. Nulla congue, nulla efficitur gravida porta, leo ex feugiat purus, sit amet sagittis leo arcu at magna. Pellentesque eleifend, libero quis consectetur tincidunt, orci ipsum scelerisque turpis, vulputate feugiat risus orci non odio. Integer id enim turpis. Cras et nisl quis massa ornare maximus id sit amet justo. Mauris at mi eget nisi imperdiet ullamcorper. %ENDCOLUMNS% </div>
   * Type: Preference variable - TWikiRenderingShortcut.
   * Category: FormattingAndRenderingVariables
   * Related: [[%IF{"'%INCLUDINGTOPIC%'='TWikiVariables'" then="#"}%VarTWOCOLUMNS][TWOCOLUMNS]], [[%IF{"'%INCLUDINGTOPIC%'='TWikiVariables'" then="#"}%VarFOURCOLUMNS][FOURCOLUMNS]], [[%IF{"'%INCLUDINGTOPIC%'='TWikiVariables'" then="#"}%VarENDCOLUMNS][ENDCOLUMNS]], [[TWikiPreferences#RenderingShortcuts][TWikiPreferences rendering shortcuts]]

Topic revision: r1 - 2015-05-07 - TWikiContributor

Account
- Log In
- Register User

Edit
Attach

Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.VarTHREECOLUMNS.