Buttons, messages and highlights (styles)

Buttons

Home  Home  Home  Home  Home  Home

Home  Home  Home  Home  Home  Home

Home  Home  Home  Home  Home  Home

Home  Home  Home  Home  Home  Home

[button [type="round"] [size="large"] [color="silver/black/red/green/blue"] text=”Button text” url=”http://google.com”]

Messages

This is a message

Closable message

This is a warning messagex

[alert [type="warning"] [close="true"] text=”This is a message”]

Highlights

An embed-videos.com innovation (4th November 2013).

Vivamus ultrices ipsum non metus pellentesque bibendum. Aliquam sit amet libero purus.

Suspendisse suscipit lorem justo, iaculis suscipit nulla commodo non. Maecenas in sodales erat. Phasellus rutrum ipsum eu congue lobortis. Maecenas quis nibh nec est interdum suscipit. Nullam vel congue leo. Pellentesque tristique sed sapien vitae sagittis.

Aliquam vestibulum nibh vel pharetra consectetur. Maecenas in sodales erat. Phasellus rutrum ipsum eu congue lobortis. Maecenas quis nibh nec est interdum suscipit. Nullam vel congue leo. Pellentesque tristique sed sapien vitae sagittis. Sed non erat lacus. Aenean dapibus augue at mi pellentesque, quis ultrices nisi faucibus. Suspendisse sodales vehicula neque vel porttitor.

Vestibulum nibh vel pharetra consectetur. Maecenas in sodales erat. Phasellus rutrum ipsum eu congue lobortis. Maecenas quis nibh nec est interdum suscipit. Nullam vel congue leo. Pellentesque tristique sed sapien vitae sagittis. Sed non erat lacus. Aenean dapibus augue at mi pellentesque, quis ultrices nisi faucibus. Suspendisse sodales vehicula neque vel porttitor.

Nibh vel pharetra consectetur. Maecenas in sodales erat. Phasellus rutrum ipsum eu congue lobortis. Maecenas quis nibh nec est interdum suscipit. Nullam vel congue leo. Pellentesque tristique sed sapien vitae sagittis. Sed non erat lacus. Aenean dapibus augue at mi pellentesque, quis ultrices nisi faucibus. Suspendisse sodales vehicula neque vel porttitor.

Quisque tincidunt, eros id commodo blandit, urna nisl gravida urna, vitae lobortis elit nisi a justo. Sed eget purus felis. Etiam aliquam ante nec euismod ornare. Mauris porttitor, felis porttitor hendrerit sollicitudin, leo mauris vulputate ipsum, eget congue metus nibh non nunc. Nunc consectetur nibh eu eros porttitor tincidunt. Aliquam erat volutpat.

Etiam molestie risus nec est congue scelerisque. Aenean vulputate mattis nisl at vulputate. Sed accumsan odio nec nisi dapibus, eget posuere libero condimentum. Donec vestibulum magna non porttitor sodales. Proin est mi, fermentum congue ipsum at, molestie adipiscing lorem. Fusce aliquam eget arcu ut viverra. Pellentesque et vulputate mi. Praesent id vulputate dui, sit amet pretium enim. Sed sit amet diam pellentesque, eleifend elit vestibulum, placerat metus.

Aenean ut nunc congue, feugiat ipsum et, rutrum enim. Morbi quis nibh lacus. In ullamcorper tortor massa, a venenatis eros venenatis eget. Duis blandit condimentum vestibulum. Morbi eget auctor nibh. Proin in purus ligula. Etiam leo sem, aliquet quis magna non, sodales malesuada dui.

Suspendisse nec placerat ante, sit amet suscipit lorem. Vestibulum convallis, urna quis volutpat dapibus, mauris tellus condimentum eros, non pretium diam lacus sed ante. Suspendisse vel erat nisl. Aenean aliquet cursus urna a hendrerit. Etiam dignissim viverra vestibulum.

Etiam molestie risus nec est congue scelerisque. Aenean vulputate mattis nisl at vulputate. Sed accumsan odio nec nisi dapibus, eget posuere libero condimentum.

Donec vestibulum magna non porttitor sodales. Proin est mi, fermentum congue ipsum at, molestie adipiscing lorem. Fusce aliquam eget arcu ut viverra. Pellentesque et vulputate mi. Praesent id vulputate dui, sit amet pretium enim. Sed sit amet diam pellentesque, eleifend elit vestibulum, placerat metus.

Example : last highlight above is achieved by –

[hi type=”shadow bold invert inset outset”]some content[/hi]

hi is shorthand for highlight. The content can be a paragraph, several paragraphs, or any other content (non-text too; style images for example; max-width, border, etc.). Plus, you can define your own styles and use any combination, as illustrated here.

The basic style set :

border rounded pastel purple invert inset outset padded bold shadow centered

You can edit these styles, add your own and combine any however you like. The default set applied (no type= specified) is : border padded rounded