Creating Floating Content

Creating floating content for your pages is easy and only requires one simple macro command.

Floating content is content that is displayed in a box to the side of the main content of your page. The main content flows around the floating content, making it stand out from the page and capturing the reader's attention.

Ingredients

Add-ons

Composition

Platform

Server, Data Center

Macros
Suppliers

Guide

To set up cloaked content, follow these instructions:

  1. Type {float} to create a Floating Content macro.
     
  2. A preview pane will appear. Enter your desired values for the following parameters: SideWidthBackgroundBorderMargin and Padding.
    For this example, we have entered the following parameters:
    • Side: Right
    • Width: 100px

    • Background: Yellow
    • Margin: 10px
    • Padding: 10px
       
  3. Click Insert.
     
  4. Within the Floating Content macro, type in the content you want displayed.
    For this example, let's type in "This is floating content!"
     
  5. The Floating Content needs some content to wrap around it, so let's generate some placeholder text.
    Type {loremipsum} to insert the Lorem Ipsum macro below the Floating Content macro.


Result

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetur. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.

Ut ligula. Maecenas consequat. Aliquam placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla convallis. Ut quis tortor. Vestibulum a lectus at diam fermentum vehicula. Mauris sed turpis a nisl ultricies facilisis. Fusce ornare, mi vitae hendrerit eleifend, augue erat cursus nunc, a aliquam elit leo sed est. Donec eget sapien sit amet eros vehicula mollis. In sollicitudin libero in felis. Phasellus metus sem, pulvinar in, porta nec, faucibus in, ipsum. Nam a tellus. Aliquam erat volutpat.

Sed id velit ut orci feugiat tempus. Pellentesque accumsan augue at libero elementum vestibulum. Maecenas sit amet metus. Etiam molestie massa sed erat. Aenean tincidunt. Mauris id eros. Quisque eu ante. Fusce eu dolor. Aenean ultricies ante ut diam. Donec iaculis, pede eu aliquet lobortis, wisi est dignissim diam, ut fringilla eros magna a mi. Nulla vel lorem. Donec placerat, lectus quis molestie hendrerit, ante tortor pharetra risus, ac rutrum arcu odio eu tortor. In dapibus lacus nec ligula. Aenean vel metus. Nunc mattis lorem posuere felis. In vehicula tempus lacus. Phasellus arcu. Nam ut arcu. Duis eget elit id eros adipiscing dignissim.