Book Image

CMS Made Simple 1.6: Beginner's Guide

Book Image

CMS Made Simple 1.6: Beginner's Guide

Overview of this book

CMS Made Simple is a an open source content management system that allows rapid website development in a fraction of the normal time, avoiding hours of coding by providing modules and 3rd Party add-ons. With this book in hand you will be able to harness the power of this modular and extendable content management system at your fingertips.This guide for CMS Made Simple is based on practical and working solutions allowing you to understand how this powerful and simple application can support you in your daily work. The workshop helps you create engaging, effective, and easy-to-use CMS websites for businesses, clubs, or organizations.This is a step- by-step case study, aimed at helping you build a complete professional website with CMS Made Simple. You can take a ready-to-use template or implement your own custom design, enrich the website with features like a photo gallery, an e-commerce solution with PayPal checkout, and forms of any complexity or popular JQuery effects and finish it off by optimizing it for search engines. The useful HTML and CSS code snippets are optimized and can be easily adapted for your own projects. Chapter by chapter you will put yourself in the role of web designer, developer, administrator, and business manager, thus learning every aspect needed for building rich websites that are very simple to manage.
Table of Contents (17 chapters)
CMS Made Simple 1.6
Credits
About the Author
About the Reviewers
Preface

Integrating jQuery in navigation


CMS Made Simple uses plain HTML, CSS, and Smarty in all templates. This means that you can use any jQuery effect in your templates as well. jQuery is a JavaScript framework and has a lot of plugins.

To use the plugins, you have to separate HTML, CSS, and JavaScript and put them at the appropriate place in CMS Made Simple. HTML markup is saved in templates, whereas CSS is saved in stylesheets and then assigned to the template. JavaScript can be placed globally (Site Admin | Global Metadata), so that it is available on the whole page. Alternatively, it can be placed in the page template. In this case, it will be available in all pages using this template. If you need JavaScript only in one page, then you can add it to the Page Specific Metadata field in the Options tab.

Let's see how you can integrate a jQuery drop-down menu on your website. Examples and instructions for this effect can be found at http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue...