Make your website unique with customizable settings, including fonts, colors, and page configurations
Customize your website with additional awesome widgets and theme customizations
Detailed documentation with Jimdo admin menu
Copy and paste functions
Responsive design for tablet and mobile devices
Available more than 30 custom widgets
It takes less than 1 min for installation
Professional support and free updates
Current version: 5.2 (21-01-2021)
To install the Zodiac framework, you need to make just 2 steps:
01 Copy the below code and paste it to Edit Head ( in admin menu >Settings> Edit Head )
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://u.jimcdn.com/cms/o/sd2328d691f491b7c/userlayout/js/zodiac-jimdo-5-2.js?t=1611264228" async="true" type="text/javascript"></script>
<link href="https://u.jimcdn.com/cms/o/sd2328d691f491b7c/userlayout/css/zodiac-jimdo-5-2.css?t=1611260661" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
.bg-primary { background:#0033cd!important;}
.bg-secondary { background:#e26563!important;}
#cc-inner .j-formnew input[type='submit'],#cc-inner .hs-button {
padding:18px 45px;
}
/*]]>*/
</style>
02 Copy the zodiac framework menu and paste it to the footer or sidebar of your website using the module Widget/HTML
<!-- Add this section to sidebar or footer of your website -->
<a href="#0" class="cd-btn"></a>
<div class="cd-panel from-left">
<header class="cd-panel-header">
<span>Zodiac Framework</span> <a href="#0" class="cd-panel-close"></a>
</header>
<div class="cd-panel-container rel">
<div class="cd-panel-content hs-left col-4">
<!-- ************* Vimeo Popup ************* -->
<div class="invisibleh">
<a class="mt" href="https://www.hembarevskyy.com/projects/zodiac/documentation" target="iframe-holder">Documentation</a> <a class="mt" href=
"https://www.hembarevskyy.com/projects/zodiac/custom-widgets" target="iframe-holder">Custom Widgets</a> <a class="mt" href=
"https://www.hembarevskyy.com/projects/zodiac/helper-classes" target="iframe-holder">Helper classes</a> <a class="mt" href=
"https://www.hembarevskyy.com/projects/zodiac/design-kits" target="iframe-holder">Design kits</a><a class="popup-vimeo mt" href="https://cms.e.jimdo.com/app/siteadmin/layout/api/" target=
"iframe-holder">Custom layout</a><a class="mt is-locked" href="https://www.hembarevskyy.com/projects/zodiac/zodiac-pro" target="iframe-holder">Zodiac Pro</a> <a class="mt is-locked"
href="https://www.hembarevskyy.com/projects/zodiac/custom-widgets-pro" target="iframe-holder">Pro Widgets</a> <a class="mt is-locked" href=
"https://www.hembarevskyy.com/projects/zodiac/zodiac-add-ons" target="iframe-holder">Zodiac Add-ons</a> <a class="mt is-locked" href=
"https://www.hembarevskyy.com/projects/zodiac/no-coding-features" target="iframe-holder">No coding</a> <a class="mt is-locked" href=
"https://www.hembarevskyy.com/projects/zodiac/support" target="iframe-holder">Support</a> <a class="mt is-upgrade-btn weight-600" href=
"https://www.hembarevskyy.com/projects/zodiac/upgrade" target="iframe-holder">Upgrade</a>
</div>
<!-- ************* End Vimeo Popup ************* -->
</div>
<!-- cd-panel-content -->
<div class="hs-left" style="padding: 50px 0px 0 0px;height:100%;width: auto;overflow:hidden;">
<div class="cc-box">
<iframe name="iframe-holder" id="iframe-holder" class="" style="height:100%;box-sizing: border-box;display: block;"></iframe>
</div>
</div>
</div>
<!-- cd-panel-container -->
</div>
<!-- cd-panel -->
<div class="matrix-msg invisible z-menu">
Zodiac Framework
</div>
Refresh the page and click the plus icon in the middle of the left side to get the Zodiac framework admin menu.
Please read the documentation before using the framework
The Zodiac menu or other js scripts don't work
The framework is using a jQuery library in section Edit Head. Make sure you have only one to avoid the conflict between different jQuery libraries.
The Zodiac menu is not visible on all pages.
The second code of Zodiac framework menu should be added to footer or sidebar of your website in order to be visible in all pages.
Is it possible to host all files on my own website?
Please check the documentation with detailed instructions about it
Password-Protected Areas
The sections with Password-Protected Areas are part of the framework "Zodiac Pro" including additional widgets, plugins and custom features.