Text boxes

Create your styles

Create as many styles as you prefer from the admin panel. You can decide from there the colors the border radius, the stroke and also add some CSS code.

From the text editor you can, instead decide to use a featured icon and its position.

This is a very basic box, for instance, but take a look to the other examples please.

Nunc dapibus dui lacus, et volutpat leo ultrices a. Duis fringilla suscipit libero sit amet scelerisque. In lobortis mi vitae sollicitudin aliquam.

 

Lot of combinations

This is an alert box! I set the colors, the border and the corner from the custom admin panel, the icon and its position from the page backend

 

This is a success box… also in this case, I set the colors, the border and the corner from the custom admin panel, the icon and its position from the page backend

Dismiss button

You can also add “dismiss” button to make the user close the box. This feature uses “jquery-cookie” plugin, so you have to check if your server supports it.

When you insert the text-box shortcode, a numeric ID is associated with the box. So if a user closes the box he won’t see it anymore until you change the numeric ID or until it empty the cookies from his browser.

If you can’t see any box in this column, maybe it’s because you have already dismissed it. In this case delete the cookies from your browser.

Progress indicators

% Love % Coffee % Broken mouses
% Design
% jQuery
% Wordpress

Coding

Design

Happiness



Google fonts

+
Icon fonts


Founding of Rome (b.C.)

Tooltips

Pass the mouse over the links

Nulla laoreet commodo viverra. Mauris gravida odio non ante venenatis, sit amet viverra nisl tincidunt. Donec eu lorem est.

Sed nunc lorem, suscipit nec nulla at, fringilla consectetur quam. Curabitur venenatis vestibulum nulla vitae pretium. Duis ut dictum nibh, vitae aliquet odio. Suspendisse euismod pretium lectus nec lacinia. Nunc est ante, posuere sed accumsan at, ullamcorper at arcu. Sed id lorem sapien.

Cras dictum suscipit purus quis fringilla. Suspendisse elit ligula, elementum in semper et, pharetra eu enim. Cras aliquam leo eu sollicitudin feugiat.

Etiam id porttitor tortor, vehicula convallis nunc. Vivamus scelerisque, mauris at imperdiet facilisis, nibh lacus tempor purus, tempus consequat nisl est ut velit.

Phasellus auctor metus nec turpis venenatis rhoncus. Nulla a suscipit libero. Nunc adipiscing augue non ligula elementum imperdiet. Praesent sit amet tempor felis, ac gravida orci.

Curabitur et tellus tincidunt, vulputate urna at, malesuada urna. Proin lacinia nulla tempor magna dictum lobortis a nec magna. Suspendisse scelerisque est ac scelerisque auctor. Suspendisse bibendum augue ligula, vel vulputate tellus fermentum et.

Etiam molestie at justo eget pellentesque. Integer quis libero libero. Mauris vitae mauris mollis, sagittis lacus ut, condimentum enim. Proin accumsan adipiscing dignissim. Morbi faucibus pellentesque augue, at bibendum odio placerat in. Sed vel felis ante. Duis rhoncus erat pulvinar libero rutrum pretium.

Ut venenatis mauris eget nisi dictum, sed varius felis pellentesque. Duis vestibulum nibh sem, ut molestie mi pellentesque nec.

In consequat sem blandit dui tincidunt ultricies. Cras dui ipsum, ultrices eu dolor a, porta commodo dui. In dui metus, sodales eu ipsum sed, sagittis euismod erat. Pellentesque imperdiet feugiat odio, id pretium enim lobortis at.