O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Designing for XOOPS

Book Description

Learn how to customize websites with XOOPS, the open source CMS that helps non-developers build dynamic community websites, intranets, and other applications. This concise book shows you how to use XOOPS themes and modules to design everything from simple blogs to large database-driven CMS portals.

Web designers and current XOOPS users will learn how to create a site theme with CSS and jQuery libraries, including techniques for making additional modules conform to the site's look and feel. Although XOOPS uses the PHP-based Smarty templating system, all you need is a bit of XHTML and CSS experience to get started.

  • Learn the workflow for turning an idea into a full-featured website
  • Become familiar with XOOPS’ theme-building tools, and set up PHP and MySQL environments
  • Port an existing XHTML template to XOOPS
  • Create themes with the 960 Grid System to save time and reduce code
  • Use jQuery-based UI libraries to achieve complex effects
  • Blend new modules into your theme with the template override function
  • Go beyond traditional block layouts to customize your homepage

Table of Contents

  1. A Note Regarding Supplemental Files
  2. Preface
    1. What Is XOOPS?
    2. Why Use XOOPS?
      1. Powerful Modules
      2. Themes and Templates
      3. User Management
      4. Supported Worldwide
    3. Brief History of XOOPS
    4. What This Book Covers
    5. What You Need to Know
    6. Who Is This Book For?
    7. Conventions Used in This Book
      1. Path and Folders
    8. Using Code Examples
    9. We’d Like to Hear from You
    10. Safari® Books Online
    11. Acknowledgments
  3. 1. Before the Journey
    1. Prepare the Tools
      1. General Workflow of Designing a XOOPS Theme
        1. Step 1: Create a Web Design
        2. Step 2: Convert the XHTML template to a XOOPS theme
        3. Step 3: Testing and debugging
  4. 2. Elements of a XOOPS Theme
    1. Necessary Elements of a XOOPS Theme
    2. A Simple Example
      1. Block-Displaying Structures
      2. Content and Footer
  5. 3. Converting an Existing XHTML Template
    1. Get the CSS Template
    2. Plug It into XOOPS
    3. Further Modifications
      1. Head Part
      2. Logo and Navigation Bar
      3. Footer
      4. The Last Fix to Make the Theme Work
  6. 4. Styling XOOPS and Creating a Theme from 960
    1. More on Styling XOOPS
      1. Global Style
      2. Theme-Specific Style
      3. XOOPS System Template Style
    2. Dealing with XOOPS Template Style
      1. #MainMenu
      2. #Usermenu
      3. Table and Cells
    3. Smarty: I Want to Know More
      1. Header Tags
      2. XOOPS General
      3. XOOPS User-Related
      4. Smarty Flow Control
      5. Include and Assign
    4. More on Smarty: Tricks and Examples
      1. Module-Based Navigation
      2. What About a Block Without a Title?
      3. Custom Block Filter
    5. Create a Theme with 960
  7. 5. jQuery and UI Libraries for XOOPS Themes
    1. Link Your Theme to jQuery
    2. Case1: jQuery Used Separately (Adding a Slider to Your Theme)
      1. Get the Graphics Done
    3. Coding (X)HTML and CSS
    4. Adding jQuery Effect
    5. Case2: jQuery Integration (Transform Your Blocks into Tabs)
      1. jQuery Tools as UI Library
      2. Implementing Tabs Separately
      3. Integration: How to Come Up with an Idea
      4. Integration: How to Implement the Idea
  8. 6. Module Template Override
    1. An Experiment in Module Template Override
      1. Dig Deeper
    2. Case Study: Gallery Slideshow Block
      1. Preparation
      2. Clean Up the Markup
      3. Integrate with the InsMinimal theme
      4. A Test Run
    3. A Look Back
  9. 7. Block Anywhere Techniques
    1. How to Get XOOPS Tools Module
    2. A First Play-around
    3. What’s the Difference?
  10. 8. Case Study: My TinyMag
    1. Wireframing
    2. Mock Up a Design
    3. Code the Mock-Up Design
      1. Header
      2. How to Deal with Content
      3. Content Markup
      4. Set Up Blocks
    4. Publisher FAQ
      1. Where are the advanced editing options?
      2. Why can’t I upload article images?
    5. Construct Header Feature
    6. Construct the Main Feature
    7. Construct the Content
    8. Construct Latest Article Categories
    9. Poll
    10. Archives and Discussions
      1. Archives
      2. Forum
    11. User Menu
    12. Publisher + Disqus
    13. Final Check
  11. A. XOOPS Cheatsheets
    1. XOOPS Resources
    2. More Resources
  12. About the Author
  13. Colophon
  14. Copyright