{"id":33945,"date":"2019-03-04T09:22:20","date_gmt":"2019-03-04T09:22:20","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33945"},"modified":"2020-10-21T13:38:09","modified_gmt":"2020-10-21T13:38:09","slug":"note","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/note\/","title":{"rendered":"Note"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-note\"  style=\"border-color:#e5e54c;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#FFFF66;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-note\"  style=\"border-color:&quot;#FFFF66&quot;;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:&quot;#FFFF66&quot;;border-color:&quot;#FFFF66&quot;;color:&quot;#333333&quot;;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-note\"  style=\"border-color:#75d8e5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#8ff2ff;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-note\"  style=\"border-color:&quot;#8ff2ff&quot;;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:&quot;#8ff2ff&quot;;border-color:&quot;#8ff2ff&quot;;color:&quot;#333333&quot;;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to create colorful boxes. You can change background and text colors. Also, you can use any HTML code or even other shortcodes as note content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Option name<\/th><th>Possible values<\/th><th>Default value<\/th><\/tr><tr><td><strong>note_color<\/strong><br><small>Note background color<\/small><\/td><td>#HEX color<\/td><td>#FFFF66<\/td><\/tr><tr><td><strong>text_color<\/strong><br><small>Note text color<\/small><\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>radius<\/strong><br><small>Note corners radius<\/small><\/td><td>Number from 0 to 20<\/td><td>3<\/td><\/tr><tr><td><strong>class<\/strong><br><small>Additional CSS class name(s) separated by space(s)<\/small><\/td><td>CSS class name(s) separated by space(s)<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>id<\/strong><br><small>Enter a word or two, without spaces, to make a unique web address just for this element. Then, you&#8217;ll be able to link directly to this section of your page.<\/small><\/td><td>Any text value<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36661,"template":"","docs_category":[21],"class_list":["post-33945","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36661"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33945"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}