{"id":68,"date":"2011-04-01T02:55:34","date_gmt":"2011-04-01T02:55:34","guid":{"rendered":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/color-variations\/"},"modified":"2011-04-01T02:55:34","modified_gmt":"2011-04-01T02:55:34","slug":"color-variations","status":"publish","type":"post","link":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/color-variations\/","title":{"rendered":"Color Variations"},"content":{"rendered":"<style>\n#hidden-content {\n    display: none;\n}\n.placeholder-text {\n    color: #fff;\n    width: 500px;\n    max-width: 100%;\n    text-align: center;\n    padding: 40px 20px;\n    margin: 20px auto;\n    background: #307451\\9;\n    background:radial-gradient(#22a563,#307451);\n}\n.placeholder-text p {\n    font-size: 1.3em;\n    max-width: 400px;\n    margin: 0 auto 20px;\n     text-shadow: 1px 1px 0 rgba(0,0,0,0.35);\n}\n<\/style>\n<p><script type=\"text\/javascript\">\n\/* Insert JSN ImageShow place-holder content when the component isn't installed *\/<\/p>\n<p>function addPlaceHolder(containerClass, placeholderID, classInsertedElement)\n{\n\tvar pattern = \/\\{imageshow (.*)\\\/\\}\/i;\n\tvar elePlaceholder = document.id(placeholderID);<\/p>\n<p>\tvar contentElePlaceholder = elePlaceholder.get('html'); <\/p>\n<p>        $$('.' + containerClass).each(function(item, index){<\/p>\n<p>        var content = item.get('html');<\/p>\n<p>\tif (pattern.test(content)) \n\t{\n\t\titem.set('html', '');\n\t\tvar insertedEle = new Element(\"div\", {class: classInsertedElement, html: contentElePlaceholder});\n                item.adopt(insertedEle); \n\t}<\/p>\n<p>        });<\/p>\n<p>}<\/p>\n<p>window.addEvent('domready', function() {\naddPlaceHolder('is-demo-theme', 'hidden-content', 'jsn-is-placeholder-content');\n});\n<\/script><\/p>\n<div id=\"hidden-content\">\n<div class=\"placeholder-text\">\n<p>Here should be the presentation of JSN ImageShow,<br \/>but it is not installed on your website.<\/p>\n<p><a href=\"http:\/\/www.joomlashine.com\/joomla-extensions\/jsn-imageshow.html\" target=\"_blank\" class=\"link-button button-light\">Free Download Now<\/a>\n<\/div>\n<\/div>\n<p>JSN Dome provides<strong> 6 major color variations<\/strong> for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table&#8217;s header and some others.<\/p>\n<h3>Color variations<\/h3>\n<div class=\"content-center\">\n<p><strong>Click on any screenshot to LIVE demo of that color variation. (<a href=\"index.php?option=com_content&#038;view=article&#038;id=68&#038;Itemid=623\" class=\"link-action\">reset to default<\/a>)<\/strong><\/p>\n<div style=\"max-width: 600px; margin: 0 auto;\">\n<div class=\"is-demo-theme\"> {imageshow sl=1 sc=1 h=300 \/}<\/div>\n<\/div>\n<p>Interactive images presentation by <a href=\"http:\/\/www.joomlashine.com\/joomla-extensions\/jsn-imageshow.html\" target=\"_blank\">JSN ImageShow extension<\/a><\/p>\n<\/div>\n<hr class=\"line-dots\" \/>\n<h3>Color configuration<\/h3>\n<p>Each template color can be configured by 3 different ways:<\/p>\n<div class=\"grid-layout\">\n<div>\n<h4>By  template parameter<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/content\/template-details\/design-features\/color-variations\/color-config-tp.png\" alt=\"Configure color by Template Parameter\"  width=\"225\" height=\"125\"  \/><\/p>\n<p>Template color can be set by template parameter <strong>Template Color<\/strong> in administration panel.<\/p>\n<\/div>\n<div>\n<h4>By &quot;Page Class Suffix&quot;<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/content\/template-details\/design-features\/color-variations\/color-config-pcs.png\" alt=\"Configure color by Page Class Suffix\" width=\"225\" height=\"125\" \/><\/p>\n<p>Template color can be defined in parameter <strong>Page Class Suffix<\/strong> of menu items as <strong>custom-color-xxx<\/strong><strong>.<\/strong><\/p>\n<\/div>\n<div>\n<h4>By  Site tools panel<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"images\/content\/template-details\/design-features\/color-variations\/color-config-st.png\" alt=\"Configure color by Site Tools Pannel\" width=\"225\" height=\"125\" \/><\/p>\n<p>Template color can be selected by website visitor from <strong>Color Selector<\/strong> in <strong>Site tools<\/strong>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Here should be the presentation of JSN ImageShow,but it is not installed on your website. Free Download Now JSN Dome provides 6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table&#8217;s header and some others. Color variations Click on any screenshot &#8230; <a title=\"Color Variations\" class=\"read-more\" href=\"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/color-variations\/\" aria-label=\"Read more about Color Variations\">Dowiedz si\u0119 wi\u0119cej<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-design-a-features"],"_links":{"self":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}