{"id":174,"date":"2011-02-25T20:58:18","date_gmt":"2011-02-25T20:58:18","guid":{"rendered":"http:\/\/demo.aivahthemes.com\/hostme\/?page_id=174"},"modified":"2011-02-25T20:58:18","modified_gmt":"2011-02-25T20:58:18","slug":"styled-boxes","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hostme\/shortcodes\/styled-boxes\/","title":{"rendered":"Styled Boxes"},"content":{"rendered":"<h1>Styled Boxes<\/h1>\n<div class=\"divider_line\"><\/div>\nTo create a alert boxes style like the one below all you need to do is select  \u201cError,  Info,  Alert,  Download,  Success\u201d from the Style tab in the <strong>Hostme<\/strong> WYSIWYG popup. Then enter the text for your alert boxes as seen below. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Let resat sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<h3>Message Boxes<\/h3>\n<h4>Error<\/h4>\n<div class=\"messagebox error\"><div class=\"messagebox_content\">Insert your message or text here &#8230;&#8230;<\/div><div class=\"clear\"><\/div><\/div>\n<code>&#091;error]Insert your message or text here ......\t&#091;\/error]<\/code><\/p>\n<h4>Info<\/h4>\n<div class=\"messagebox info\"><div class=\"messagebox_content\">Insert your message or text here &#8230;..<\/div><div class=\"clear\"><\/div><\/div>\n<code>&#091;info]Insert your message or text here ......&#091;\/info]<\/code><\/p>\n<h4>Alert<\/h4>\n<div class=\"messagebox alert\"><div class=\"messagebox_content\">Insert your message or text here &#8230;&#8230;<\/div><div class=\"clear\"><\/div><\/div>\n<code>&#091;alert]Insert your message or text here ......&#091;\/alert]<\/code><\/p>\n<h4>Download<\/h4>\n<div class=\"messagebox download\"><div class=\"messagebox_content\">Insert your message or text here &#8230;&#8230;<\/div><div class=\"clear\"><\/div><\/div>\n<code>&#091;download]Insert your message or text here ......&#091;\/download]<\/code><\/p>\n<h4>Success<\/h4>\n<div class=\"messagebox success\"><div class=\"messagebox_content\">Insert your message or text here &#8230;&#8230;<\/div><div class=\"clear\"><\/div><\/div>\n<code>&#091;success]Insert your message or text here ......&#091;\/success]<\/code><\/p>\n<h2>Note<\/h2>\n<div class=\"notes\"><div class=\"notes_content\"><h4 class=\"notes_title\">Notes :<\/h4>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/div><\/div>\n<code>&#091;note title=\"Notes :\"]<br \/>\nInsert your text here ......<br \/>\n&#091;\/note]<\/code><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur luctus, leo in condimentum gravida, mi felis malesuada tortor, non molestie elit elit nec nulla. Nulla facilisi. Integer egestas sodales arcu, ac bibendum massa suscipit at. Phasellus eget nunc eu nunc laoreet ultrices. <div class=\"notes alignright\" style=\"width:200px\"><div class=\"notes_content\"><h4 class=\"notes_title\">Notes :<\/h4>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/div><\/div> Vestibulum vulputate ligula vulputate eros aliquet varius. Aliquam luctus aliquam sem quis malesuada. Mauris vitae est eu tortor placerat placerat rutrum sed elit. Maecenas auctor felis aliquet justo lobortis eleifend. Fusce vel arcu dolor. Quisque gravida semper mi, id pretium tellus rutrum vitae. Nulla tortor neque, volutpat et tempor sit amet, ullamcorper at risus.<br \/>\nPraesent vitae convallis arcu. Aliquam in justo non ligula sagittis accumsan sed nec ipsum. Praesent semper hendrerit massa, quis elementum risus rhoncus non. Sed ac rutrum augue. Vivamus nec ante ante. Duis at leo id nisi molestie pulvinar.<\/p>\n<p><code>&#091;note title=\"Notes :\" align=\"right\" width=\"200px\"]<br \/>\nInsert your text here ......<br \/>\n&#091;\/note]<\/code><\/p>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\nThe Featured Boxes is especial shortcode which allow to create a customizable design elements.<\/p>\n<h6 class=\"fancyheading\"><span>Simple Box<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;minimal_box]\nYour content goes here...\n&#091;\/minimal_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"minimalbox\"><div class=\"boxcontent\">Your content goes here&#8230;<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Fancy Box + Title<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;fancy_box title=\"Box Heading\"]\nYour content goes here...\n&#091;\/fancy_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"fancybox\"><h4 class=\"fancytitle\"  style=\"background-color:#4d4d4d;\">Box Heading<\/h4><div class=\"boxcontent\" >Your content goes here&#8230;<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Fancy Box + Title + Color Header<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;fancy_box title=\"Box Heading\" bgcolor=\"#ff8800\"]\nYour content goes here...\n&#091;\/fancy_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"fancybox\"><h4 class=\"fancytitle\"  style=\"background-color:#ff8800;\">Box Heading<\/h4><div class=\"boxcontent\" >Your content goes here&#8230;<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Fancy Box + Title Color + Color Header<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;fancy_box title=\"Box Heading\" titlecolor=\"#000000\" bgcolor=\"#ff8800\"]\nYour content goes here...\n&#091;\/fancy_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"fancybox\"><h4 class=\"fancytitle\"  style=\"background-color:#ff8800;\">Box Heading<\/h4><div class=\"boxcontent\" >Your content goes here&#8230;<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Fancy Box + Title Color + Color Header<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;fancy_box title=\"Box Heading\" ribbon=\"o1\"]\nYour content goes here...\n&#091;\/fancy_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"fancybox\"><div class=\"ribbon\"><img decoding=\"async\" src=\"https:\/\/www.aivahthemes.com\/hostme\/wp-content\/themes\/hostme\/images\/ribbons\/01.png\" alt=\"\"\/><\/div><h4 class=\"fancytitle\"  style=\"background-color:#4d4d4d;\">Box Heading<\/h4><div class=\"boxcontent\" >Your content goes here&#8230;<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Fancy Box + Pricing<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;fancy_box title=\"Standard Plan\" bgcolor=\"#3b8ed4\" heading=\"$9.95\/mo\"]\n&#091;list style=\"check\"]\n&lt;ul&gt;\n&lt;li&gt;Proin sed sem sem.&lt;\/li&gt;\n&lt;li&gt;Sit amet pretium tortor.&lt;\/li&gt;\n&lt;li&gt;Duis eu tellus ac lectus.&lt;\/li&gt;\n&lt;li&gt;Mauris ultrices velit eget.&lt;\/li&gt;\n&lt;\/ul&gt;\n&#091;\/list]\n&#091;button url=\"#\" target=\"_self\" size=\"large full\" align=\"center\"  ] Get Started &#091;\/button]\n&#091;\/fancy_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"fancybox\"><h4 class=\"fancytitle\"  style=\"background-color:#3b8ed4;\">Standard Plan<\/h4><div class=\"boxcontent\" ><div class=\"bigtitle\">$9.95\/mo<\/div>\n\n<ul class=\"list-check \">\n<li>Proin sed sem sem.<\/li>\n<li>Sit amet pretium tortor.<\/li>\n<li>Duis eu tellus ac lectus.<\/li>\n<li>Mauris ultrices velit eget.\n<\/ul>\n\n<p class=\"center\"><a     class=\"center button large full \"><span >Get Started<\/span><\/a><\/p>\n<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Minimal Box + Pricing<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;minimal_box title=\"Standard Plan\" bgcolor=\"#3b8ed4\" heading=\"$9.95\/mo\"]\n&#091;list style=\"check\"]\n&lt;ul&gt;\n&lt;li&gt;Proin sed sem sem.&lt;\/li&gt;\n&lt;li&gt;Sit amet pretium tortor.&lt;\/li&gt;\n&lt;li&gt;Duis eu tellus ac lectus.&lt;\/li&gt;\n&lt;li&gt;Mauris ultrices velit eget.&lt;\/li&gt;\n&lt;\/ul&gt;\n&#091;\/list]\n&#091;button url=\"#\" target=\"_self\" size=\"large full\" align=\"center\"  ] Get Started &#091;\/button]\n&#091;\/minimal_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"minimalbox\"><h2 class=\"minimaltitle\">Standard Plan<\/h2><div class=\"bigtitle\">$9.95<\/div><div class=\"boxcontent\">\n\n<ul class=\"list-check \">\n<li>Proin sed sem sem.<\/li>\n<li>Sit amet pretium tortor.<\/li>\n<li>Duis eu tellus ac lectus.<\/li>\n<li>Mauris ultrices velit eget.\n<\/ul>\n\n<p class=\"center\"><a     class=\"center button large full \"><span >Get Started<\/span><\/a><\/p>\n<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h6 class=\"fancyheading\"><span>Framed Box<\/span><\/h6>\n<div class=\"one_half\"><pre>&#091;framed_box]\nYour content goes here...\n&#091;\/framed_box]<\/pre><\/div>\n<div class=\"one_half last\"><div class=\"framedbox\" ><div class=\"boxcontent\">\n<h2>Content Here<\/h2>\n<p>Your content goes here\u2026<br \/>\n<\/div><\/div><\/div><div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Styled Boxes To create a alert boxes style like the one below all you need to do is select \u201cError, Info, Alert, Download, Success\u201d from the Style tab in the Hostme WYSIWYG popup. Then enter the text for your alert boxes as seen below. Lorem Ipsum is simply dummy text of the printing and typesetting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":126,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":0,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/126"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}