{"id":370,"date":"2014-04-29T10:51:32","date_gmt":"2014-04-29T10:51:32","guid":{"rendered":"http:\/\/localhost\/whb\/?page_id=370"},"modified":"2014-04-29T10:51:32","modified_gmt":"2014-04-29T10:51:32","slug":"other","status":"publish","type":"page","link":"https:\/\/www.bollywoodlounge.pl\/gdn\/other\/","title":{"rendered":"Other"},"content":{"rendered":"

[title type=”h1″ class=””]Shortcodes: Other text styles[\/title]<\/p>\n

[title type=”h2″ class=””]Tooltips[\/title]<\/p>\n

Hover over the links below to see tooltips:<\/strong><\/p>\n

Phasellus [tooltip title=”First tooltip” url=”#” position=”bottom”]molestie magna[\/tooltip] non est bibendum non venenatis nisl tempor. [tooltip title=”Second tooltip” url=”#” position=”bottom”]Suspendisse[\/tooltip] dictum feugiat nisl ut dapibus. Mauris iaculis [tooltip title=”Another example of Tooltip with more text in it” url=”#” position=”bottom”]porttitor posuere[\/tooltip]. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. <\/p>\n

[title type=”h3″ class=””]Tooltips can be set in 4 directions[\/title]
\n[raw]<\/p>\n

\n[tooltip title=”Tooltip on Top” url=”#” position=”top”]Tooltip on Top[\/tooltip]   |  
\n[tooltip title=”Tooltip on Bottom” url=”#” position=”bottom”]Tooltip on Bottom[\/tooltip]   |  
\n[tooltip title=”Tooltip on Right” url=”#” position=”right”]Tooltip on Right[\/tooltip]   |  
\n[tooltip title=”Tooltip on left” url=”#” position=”left”]Tooltip on left[\/tooltip]\n<\/p>\n

[\/raw]<\/p>\n

[title type=”h2″ class=””]Labels[\/title]
\n[raw]<\/p>\n

\n[label class=””]Default[\/label]
\n[label class=”label-primary”]Primary[\/label]
\n[label class=”label-success”]Success[\/label]
\n[label class=”label-info”]Info[\/label]
\n[label class=”label-warning”]Warning[\/label]
\n[label class=”label-danger”]Danger[\/label]\n<\/p>\n

[\/raw]<\/p>\n

Add any of the below mentioned modifier classes to change the appearance of a label.<\/p>\n

[title type=”h2″ class=””]Example heading [label class=””]New[\/label][\/title]
\n[title type=”h3″ class=””]Example heading [label class=”label-primary”]New[\/label][\/title]
\n[title type=”h4″ class=””]Example heading [label class=”label-warning”]New[\/label][\/title]
\n[title type=”h5″ class=””]Example heading [label class=”label-info”]New[\/label][\/title]
\n[title type=”h6″ class=””]Example heading [label class=”label-danger”]New[\/label][\/title]<\/p>\n

You can even make them smaller:<\/p>\n

[title type=”h4″ class=””]Example heading label-sm [label class=”label-info label-sm”]New[\/label][\/title]
\n[title type=”h4″ class=””]Example heading label-xs [label class=”label-warning label-xs”]New[\/label][\/title]<\/p>\n

[title type=”h2″ class=””]Alert messages[\/title]<\/p>\n

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages with dismiss functionality<\/code>.<\/p>\n

[styled_box title=”” type=”alert” class=”alert-success”]Well done!<\/strong> You successfully read this important alert message<\/a>.[\/styled_box]<\/p>\n

[styled_box title=”” type=”alert” class=”alert-info”]Heads up!<\/strong> This alert needs your attention<\/a>, but it’s not super important.[\/styled_box]<\/p>\n

[styled_box title=”” type=”alert” class=”alert-warning”]Warning!<\/strong> Best check yo self, you’re not looking too good<\/a>.[\/styled_box]<\/p>\n

[styled_box title=”” type=”alert” class=”alert-danger”]Oh snap!<\/strong> Change a few things up and try submitting again<\/a>.[\/styled_box]<\/p>\n","protected":false},"excerpt":{"rendered":"

[title type=”h1″ class=””]Shortcodes: Other text styles[\/title] [title type=”h2″ class=””]Tooltips[\/title] Hover over the links below to see tooltips: Phasellus [tooltip title=”First tooltip” url=”#” position=”bottom”]molestie magna[\/tooltip] non est bibendum non venenatis nisl tempor. [tooltip title=”Second tooltip” url=”#” position=”bottom”]Suspendisse[\/tooltip] dictum feugiat nisl ut dapibus. Mauris iaculis [tooltip title=”Another example of Tooltip with more text in it” url=”#” position=”bottom”]porttitor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/pages\/370"}],"collection":[{"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":0,"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bollywoodlounge.pl\/gdn\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}