Columns
Content
Description
Allows to design new layouts & brake content to columns.
Features
- Flexible
- Unlimited times per page
Usage
[one_half] Column #1 [/one_half] [one_half] Column #2 [/one_half]
Usage notes
- Use the
mattribute for setting a custom margins between columns. -
No need worry about right calculation of the columns width e.g. you need to have three columns: 25% + 25% + 50%. In this case you can use shortcodes:
[one_fourth] A [/one_fourth] [one_fourth] B [/one_fourth] [two_fourth] C [/two_fourth]
instead:
[one_fourth] A [/one_fourth] [one_fourth] B [/one_fourth] [one_half] C [/one_half]
However, both examples will works fine.
Examples
[one_half] Content goes here. [/one_half]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_third] Content goes here. [/one_third]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fifth] Content goes here. [/one_fifth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_sixth] Content goes here. [/one_sixth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[two_third] Content goes here. [/two_third]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_third] Content goes here. [/one_third]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[three_fourth] Content goes here. [/three_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_half] Content goes here. [/one_half]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_half] Content goes here. [/one_half]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fourth] Content goes here. [/one_fourth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[two_fifth] Content goes here. [/two_fifth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing.
[three_fifth] Content goes here. [/three_fifth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_fifth] Content goes here. [/one_fifth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem.
[four_fifth] Content goes here. [/four_fifth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.
[one_sixth] Content goes here. [/one_sixth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper.
[five_sixth] Content goes here. [/five_sixth]
Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien, , nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna.
Attributes
Margin by right. (Default: 25, pixels)
m="10"
Text alignment inside column. (Default: NULL, by left)
align="right"
align="center"
jonknight