CloudBase 2.0: Table of Contents. introduction. files overview installation. template details. typography

Transcription

1

2 CloudBase 2.0: Table of Contents introduction 1. Introduction Why Gantry Framework...04 files overview...05 installation 1. Files Bundle...07 template details 1. Module Map Template Options Menu...09 typography changing logo...15 Recommended 1. Flip Photo...16

3 CloudBase 2.0: Introduction - Introduction 03 introduction Introduction CloudAccess.net is relatively new to the template market. Even though we have been developing custom Joomla! templates for several years. We had a shy start with CloudBase 1.0 for Joomla! 1.5 our very first stock template. Its popularity has exceeded our wildest dreams over 40,000 downloads. People were - and still are - so excited about this fascinating template that it s popularity has not diminished. It felt good to make something great and share it with our community. Then the idea grew bigger and we took it to the next level releasing nine more free templates in a short time span. These templates are also loved by tens of thousands of people all over the world. For CloudBase 2.0, the use of the Gantry framework in combination with our Design team s skills gave birth to our greatest template so far. It should have been called Chameleon as there are literally millions of colors combinations possible. In addition, we have included 11 different background patterns which work with every single one of those millions of colors. We really do believe that this tremendous template will be used by even more people for their websites. You won t believe what it can do to your website. There s no other template that s so fantastically universal and easy to use.

4 CloudBase 2.0: Introduction - Why Gantry Framework 04 introduction Why Gantry Framework In moving forward with 1.6 templates, our Lead Frontend Developer Dom Kucharski has spent a lot of time researching the perfect solution for us. It has been a really close competition between 2 most popular Open Source frameworks. Gantry has won the battle and become our number one framework which we do love passionately. As they say in the description of the framework: Gantry, and anything specific to the template design itself should be part of the template itself. Traditionally the Joomla layout options are limited, but Gantry was built to provide a new layer on top of this traditional module configuration to give an unprecedented level of control and flexibility. Source: Every single word is true. Gantry gives close to limitless possibilities. Now we can offer you what you truly deserve, perfection in design and usability. Thank you Gantry team! Useful links: Gantry homepage Gantry Screencasts & Documentation Gantry Download Page

5 CloudBase 2.0: Introduction - Files overview 05 introduction Files overview You can download few packages connected with template from our site:» ca_cloudbase2_j15.zip - standalone template package (this template will not work without Gantry Framewok, you can download those files here);» ca_cloudbase2_j15_bundle.zip - the bundle includes the CloudBase 2.0 template for J1.5 + Framework for J1.5 + Associated Plugins;» ca_cloudbase2_j15_help.pdf - you are reading this file now.

6 CloudBase 2.0: Introduction - Installation 06 introduction Installation 1. Installation with bundle package a) b) c) d) e) Download ca_cloudbase2_j15_bundle.zip package from CloudAccess.net site Go to administrator area of your Joomla! site Choose Extensions > Install/Uninstall Choose bundle package from your hard drive and click Upload File & Install CloudBase 2.0 template and Gantry Framework is now installed 2. Installation the standalone package a) b) c) d) Download ca_cloudbase2_j15.zip package from CloudAccess.net site Go to administrator area of your Joomla! site Choose Extensions > Install/Uninstall Choose standalone package from your hard drive and click Upload File & Install If you already installed Gantry Framework in your Joomla! then avoid next points - installation for you is finished. e) f) g) h) Download Gantry Framework from site. Go to administrator area of your Joomla! site Choose Extension > Install/Uninstall Choose Gantry Framework package from your hard drive and click Upload File & Install

7 CloudBase 2.0: Template details - Module map 07 template details Module map CloudBase 2.0 has 60 module positions.

8 CloudBase 2.0: Template details - Template options 08 template details Template options Template options (links to Gantry Framework documentation subpages) a) b) c) d) e) f) Per-Menu Item Configuration Presets Settings Features Layouts Advanced

9 CloudBase 2.0: Template details - Menu 09 template details Menu Be default in CloudBase 2.0 you have simple CSS menu with support only for one level in navigation module position. To get advanced dropdown menu system you have to install RokNavMenu extension from RocketTheme site. After installation you shouldn t use any menu module in navigation position. RokNavMenu will integrate with CloudBase 2.0 template and all menu options will be accessible from template backend. If you are searching for tutorial about this extension, this subpage might be helpful for you.

10 CloudBase 2.0: Typography 10 typography 1. Blockquote - use the following formatting: <blockquote><p>...</p></blockquote> Example: 2. Dropcap - use the following formatting: <p class= dropcap ><span class= dropcap >P</span></p> Example:

11 CloudBase 2.0: Typography 11 typography 3. List Styles - Bullets - use the following formatting: <ul class= class name ><li>...</li><li>...</li>...</ul> Example: 4. Emphasis Style - use the following formatting: <em class= color >...</em> or <em class= bold >...</em> Example:

12 CloudBase 2.0: Typography 12 typography 5. Inset Styles - use the following formatting: <span class= inset-right ><span class= inset-right-title >...</span>...some content...</ strong> or <span class= inset-left ><span class= inset-left-title >...</span>...some content...</span> Example: 6. Important Emphasis Style - use the following formatting: <div class= important ><span class= important-title >Sample Title</span>...some content...</div> Example:

13 CloudBase 2.0: Typography 13 typography 7. Notice Styles - use the following formatting: <div class= attention ><div class= typo-icon >...</div></div> <div class= notice ><div class= typo-icon >...</div></div> <div class= alert ><div class= typo-icon >...</div></div> <div class= download ><div class= typo-icon >...</div></div> <div class= approved ><div class= typo-icon >...</div></div> <div class= media ><div class= typo-icon >...</div></div> <div class= note ><div class= typo-icon >...</div></div> <div class= notice ><div class= typo-icon >...</div></div> <div class= cart ><div class= typo-icon >...</div></div> <div class= notice ><div class= typo-icon >...</div></div> <div class= camera ><div class= typo-icon >...</div></div> <div class= doc ><div class= typo-icon >...</div></div> Example:

14 CloudBase 2.0: Typography 14 typography 8. Preformatted text - use the following formatting: <pre>...</pre> Example:

15 CloudBase 2.0: Changing logo 15 changing logo To change the logo in your template name your logo file: logo.png. Login to your Joomla! backend and go to Site Media Manager. Create a new folder called logo and upload your logo.png file there. To sum up, to overwrite default logo you need file placed under this path: /images/logo/logo.png

16 CloudBase 2.0: Recommended 16 recommended We recommend you use FlipPhoto Pro with CloudBase 2.0. FlipPhoto Pro is a Joomla! 1.5 component and module that allows you to easily manage and assign multiple rotating Flash banners on your website. Manage your banner and parameters from the simple component backend and assign module to pages as desired. Learn more here: