{"id":78,"date":"2011-04-01T03:07:08","date_gmt":"2011-04-01T03:07:08","guid":{"rendered":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/extended-styles\/"},"modified":"2011-04-01T03:07:08","modified_gmt":"2011-04-01T03:07:08","slug":"extended-styles","status":"publish","type":"post","link":"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/extended-styles\/","title":{"rendered":"Extended styles"},"content":{"rendered":"<p>One of hottest features in JSN Dome is extended styles adapted for 5 most popular Joomla! extension: <strong>K2<\/strong>, <strong>Community Builder<\/strong>, <strong>Virtue Mart<\/strong>, <strong>JEvents<\/strong> and <strong>JoomGallery<\/strong>.<\/p>\n<p>Technically extended styles are overrides of default extensions style (images + CSS) and located in folder <strong>\/ext<\/strong> inside template folder. Some extensions have their own template system and you might want to turn off extended style thru template parameter in order to use those native templates.<\/p>\n<p class=\"text-info\">The extensions discussed here are not included in the template package and you have to download separately. You can download the extensions on Joomla! Extensions Directory <a href=\"http:\/\/extensions.joomla.org\/\">http:\/\/extensions.joomla.org\/<\/a><\/p>\n<h3>K2<\/h3>\n<p>Extended style for K2 includes adapted tabs color, additional module styles, fixed alignment issues and some other minor visual enhancement.<\/p>\n<h4>Component styling<\/h4>\n<p>Here is how K2 component will look like after extended styles applied.<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"445\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-k2-style-after.png\" alt=\"K2 Style Applied\" \/><\/p>\n<h4>Module styling<\/h4>\n<p>Besides from extended component styling you can use template module styles for K2 modules as well.<\/p>\n<div class=\"grid-layout\">\n<div>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"455\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-k2-module-content.png\" alt=\"K2 Style Module Content\" \/><\/p>\n<ul>\n<li>K2 Content Module (mod_k2_content) with module style <strong>box-green jsn-icon-article<\/strong> applied<\/li>\n<\/ul>\n<\/div>\n<div>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" src=\"images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-k2-module-comment-login.png\" width=\"300\" height=\"580\" alt=\"K2 Style Module Comment\" \/><\/p>\n<ul>\n<li>K2 Comments Module (mod_k2_comments) with module style <strong>box-blue jsn-icon-comment<\/strong> applied<\/li>\n<li>K2 Login Module (mod_k2_login) with module style <strong>box-yellow jsn-icon-user<\/strong> applied <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<hr class=\"line-dots\" \/>\n<h3>Community Builder<\/h3>\n<p>Extended style for Community Builder includes adapted dropdown menu style, tabs color, additional module styles and some other minor visual enhancement.<\/p>\n<h4>Component styling<\/h4>\n<p>Here is how Community Builder component will look like after extended styles applied.<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"500\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-cb-profile.png\" alt=\"CB Profile Style\" \/><br \/>\nAdapted drop-menu style and tabs color on <strong>CB Profile page<\/strong><\/p>\n<h4>Module styling<\/h4>\n<p>Besides from extended component styling you can use template module styles for Community Builder modules as well.<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"360\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-cb-modules.png\" alt=\"CB Module Style\" \/><\/p>\n<p>In the example above:<\/p>\n<ul>\n<li>CB Login Module (mod_cblogin) with module style <strong>box-yellow jsn-icon-user<\/strong> applied<\/li>\n<li>CB Online Module (mod_comprofilerOnline) with module style <strong>box-blue jsn-icon-online<\/strong> applied<\/li>\n<li>CB Workflows (mod_comprofilermoderator) with module style<strong> box-grey jsn-icon-selection<\/strong> applied<\/li>\n<\/ul>\n<hr class=\"line-dots\" \/>\n<h3>Virtue Mart<\/h3>\n<p>Extended style for Virtue Mart includes adapted Add to Cart button, additional module styles, fixed alignment issues, redesigned checkout-steps icons and some other minor visual enhancement.<\/p>\n<h4>Component Styling<\/h4>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"420\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-vm-product.png\" alt=\"VM Product Style\" \/><br \/>Fixed alignment issues on <strong>Product Details<\/strong> page<\/p>\n<h4>Module styling<\/h4>\n<p>Besides from extended component styling you can use template module styles for Virtue Mart modules as well.<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"420\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-vm-module.png\" alt=\"VM Module Style\" \/><\/p>\n<ul>\n<li>VirtueMart Module (mod_virtuemart) with module style <strong>box-blue jsn-icon-cart<\/strong> applied.<\/li>\n<\/ul>\n<hr class=\"line-dots\" \/>\n<h3>JEvents<\/h3>\n<p>Extended style for JEvents includes redesigned calendar navigation icons and calendar table, adapted table header color, additional module styles, fixed alignment issues and some other minor visual enhancement.<\/p>\n<h4>Component Styling<\/h4>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"220\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jevents-navigation.png\" alt=\"JEvents Navigation Style\" \/><br \/>Totally redesigned calendar navigation icons<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"455\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jevents-monthly.png\" alt=\"JEvents Monthly Style\" \/><br \/>Adapted calendar table header color<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"550\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jevents-weekly.png\" alt=\"JEvents Weekly Style\" \/><br \/>\nAdapted table header color on Event List page<\/p>\n<h4>Module styling<\/h4>\n<p>Besides from extended component styling you can use template module styles for JEvents modules as well.<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"530\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jevents-modules.png\" alt=\"JEvents Module Style\" \/><\/p>\n<p>In the example above:<\/p>\n<ul>\n<li>Events Calendar Module (mod_jevents_cal) with module style <strong>box-blue jsn-icon-calendar<\/strong> applied.<\/li>\n<li>Latest Events Module (mod_jevents_latest) with module style <strong>box-green jsn-icon-star<\/strong> applied.<\/li>\n<li>JEvents Legend Module (mod_jevents_legend) with module style <strong>box-grey jsn-icon-info<\/strong> applied.<\/li>\n<\/ul>\n<hr class=\"line-dots\" \/>\n<h3>JoomGallery<\/h3>\n<p>Extended style for JoomGallery includes redesigned navigation icons, fixed alignment issues, additional module styles and some other minor visual enhancement.<\/p>\n<h4>Component Styling<\/h4>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"500\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jg-layout.png\" alt=\"JG Layout Style\" \/><br \/>Totally redesigned navigation bar and information panel<\/p>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"500\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jg-navigation.png\" alt=\"JG Navigation Style\" \/><br \/>\nFixed alignment issues<\/p>\n<h4>Module styling<\/h4>\n<p>Besides from extended component styling you can use template module styles for JoomGallery modules as well.<\/p>\n<div class=\"grid-layout\">\n<div>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"500\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jg-modules1.png\" alt=\"JG Module Style\" \/><\/p>\n<ul>\n<li>JoomSearch Module (mod_joomsearch) with module style<strong> box-blue jsn-icon-search<\/strong> applied.<\/li>\n<li>JoomGallery Treeview Module (mod_jgtreeview) with module style <strong>box-yellow jsn-icon-image<\/strong> applied. <\/li>\n<\/ul>\n<\/div>\n<div>\n<p class=\"content-center\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"500\" src=\"http:\/\/demo.joomlashine.com\/joomla-templates\/jsn_dome\/images\/content\/template-details\/advanced-stuff\/extended-styles\/ext-jg-modules2.png\" alt=\"JG Module 2 Style\" \/><\/p>\n<ul>\n<li>JoomGallery Latest Categories Module (mod_jglatestcart) with module style <strong>box-grey jsn-icon-star<\/strong> applied.<\/li>\n<li>JoomGallery Stats Module (mod_joomgallerystats) with module style <strong>box-green jsn-icon-statistics<\/strong> applied.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>One of hottest features in JSN Dome is extended styles adapted for 5 most popular Joomla! extension: K2, Community Builder, Virtue Mart, JEvents and JoomGallery. Technically extended styles are overrides of default extensions style (images + CSS) and located in folder \/ext inside template folder. Some extensions have their own template system and you might &#8230; <a title=\"Extended styles\" class=\"read-more\" href=\"https:\/\/mross.fremen.pl\/index.php\/2011\/04\/01\/extended-styles\/\" aria-label=\"Read more about Extended styles\">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":[29],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","hentry","category-advanced-stuff"],"_links":{"self":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/78","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=78"}],"version-history":[{"count":0,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"wp:attachment":[{"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mross.fremen.pl\/index.php\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}