You are previewing Joomla! 1.5 Templates Cookbook.
O'Reilly logo
Joomla! 1.5 Templates Cookbook

Book Description

Over 60 simple but incredibly effective recipes for taking control of Joomla! templates

  • Develop and customize Joomla! templates to make your website stand out from the crowd

  • A great mix of recipes for beginners, intermediate, and advanced Joomla! template designers

  • Start from the very basics of customizing Joomla! templates and master the most complex functionalities as well

  • Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible

  • In Detail

    Templates in Joomla! provide a powerful way to make your site look exactly the way you want either using a single template for the entire site or a separate template for each site section. Although it sounds like an easy task to build and maintain templates, it can be challenging to get beyond the basics and customize templates to meet your needs perfectly.

    Joomla! 1.5 Templates Cookbook consists of a series of self-contained step-by-step recipes that cover everything from common tasks such as changing your site's logo or favicon and altering color schemes, to custom error pages and template overrides. It starts off with the basics of template design and then digs deep into more complex concepts. It will help you make your site more attractive and user-friendly. You will integrate your site with various social media such as Twitter and YouTube; make your site mobile-friendly with the help of recipes for creating and customizing mobile spreadsheets; and use miscellaneous tricks and tips to get the most out of your website. You get all of this in a simple recipe format that guides you quickly through the steps and explains how it all happened.

    Develop Joomla! templates as well as learn to tweak them to meet your needs perfectly with clear and easy-to-follow recipes

    Table of Contents

    1. Joomla! 1.5 Templates Cookbook
      1. Joomla! 1.5 Templates Cookbook
      2. Credits
      3. About the Author
      4. About the Reviewers
      5. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Errata
          2. Piracy
          3. Questions
      6. 1. Joomla! Theming Basics
        1. Introduction
        2. Finding the current default template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        3. Locating Joomla! templates in your website's hierarchy
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Understanding Joomla! templates
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Changing your template's color variation
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Making the templates\rhuk_milkyway\params.ini file writable
          5. See also
        6. Adding a color variation
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        7. Changing your template's logo
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        8. Selecting the default Joomla! template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        9. Editing the HTML template in the administration panel
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        10. Editing CSS in the administration panel
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
      7. 2. Custom Joomla! Templates
        1. Introduction
        2. Installing a Joomla! template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Checking referenced files exist
            2. Reassigning content permissions
            3. Installing via FTP
          5. See also
        3. Understanding Joomla! template positions
          1. Getting ready
          2. How to do it...
          3. How it works...
            1. Does your URL already contain parameters?
          4. There's more...
          5. See also
        4. Understanding jdoc statements
          1. Getting ready
          2. How to do it...
            1. Component jdoc statements
            2. Head jdoc statements
          3. How it works...
          4. There's more...
            1. Installation jdoc statement
            2. Message jdoc statement
            3. jdoc statements and the style attribute
          5. See also
        5. Understanding the templateDetails.xml file
          1. Getting ready
          2. How to do it...
            1. Author information
            2. Positions
            3. Parameters
            4. Closing the XML file
          3. How it works...
          4. There's more...
          5. See also
        6. Styling for component.php
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        7. Adding a custom favicon to your template
          1. Getting ready...
          2. How to do it...
          3. How it works...
          4. There's more...
            1. If your favicon does not display...
          5. See also
        8. Styling Joomla! error messages
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        9. Styling Joomla! error pages
          1. Getting ready...
          2. How to do it...
          3. How it works…
          4. There's more…
          5. See also
      8. 3. Theming the Details
        1. Introduction
        2. Styling the search module
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        3. Styling the search component
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Using template overrides in your Joomla! template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Customizing the breadcrumb
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        6. Styling pagination
          1. Getting ready
          2. How to do it...
            1. Producing more semantic markup for pagination
          3. How it works...
          4. See also
        7. Linking back to the top of your page
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        8. Adding a random background image to your Joomla! template
          1. Getting ready
            1. Setting relevant permissions for installing the module
          2. How to do it...
          3. See also
      9. 4. Custom Page Templates
        1. Introduction
        2. Understanding Module Chrome in Joomla!
          1. Getting ready
          2. How to do it...
            1. There's more...
            2. See also
        3. Customizing the error page in Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Creating a custom site offline page
          1. Getting ready
          2. How to do it...
          3. There's more...
          4. See also
      10. 5. Styling Joomla! for Print
        1. Introduction
        2. Starting your print stylesheet
          1. Getting ready
          2. How to do it...
            1. How it works...
            2. There's more...
            3. See also
        3. Adding a print stylesheet to Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Typography for your Joomla! print stylesheet
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Styling the layout of your Joomla! template for print
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        6. Styling content for print
          1. Getting ready
          2. How to do it...
            1. How it works...
            2. There's more...
            3. See also
        7. Styling links for print
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        8. Preventing common bugs in print style
          1. Getting ready
          2. How to do it...
          3. See also
      11. 6. Joomla! Admin Templates
        1. Introduction
        2. Understanding Joomla! administrator templates
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        3. Installing a Joomla! administrator template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Changing the administrator template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Changing the logo in an administrator template
          1. Getting ready
          2. How to do it...
          3. See also
        6. Changing the colors in the administration panel
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        7. Securing the administrator URL
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        8. Changing the icons on the Joomla! administrator dashboard
          1. Getting ready
          2. How to do it...
        9. Joomla! administrator template icon graphics
          1. How it works...
          2. There's more...
          3. See also
      12. 7. Social Media and Joomla!
        1. Introduction
        2. Integrating Twitter with Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        3. Integrating AddThis social bookmarking tool with your Joomla! template
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Embedding YouTube and other videos in your Joomla! website
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        5. Configuring the DisQus Comments extension for Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        6. Integrating Facebook into your Joomla! website
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
      13. 8. Styling Joomla! for Mobiles
        1. Introduction
        2. Adding an iPhone icon
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Precomposed iPhone icon
            2. Custom path for your iPhone icon
            3. iPhone icon extension
          5. See also
        3. Designing stylesheets for mobile devices
          1. Getting ready
          2. How to do it...
            1. Screen width
            2. Limited support
          3. There's more...
          4. See also
        4. Specifying a separate stylesheet for mobile browsers
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Creating a mobile stylesheet
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Hiding images that are too large for mobile screens
          5. See also
        6. Installing the MobileJoomla! extension
          1. Getting ready
          2. How to do it...
            1. Configuring the MobileJoomla! component
          3. How it works...
          4. There's more...
            1. Further options
          5. See also
      14. 9. Joomla! and JavaScript
        1. Introduction
        2. Including a JavaScript file in your Joomla! template
          1. Getting ready
          2. How to do it...
            1. How it works...
            2. See also
        3. Tips and tricks for minimizing page load time when using JavaScript
          1. How to do it...
          2. How it works...
          3. There's more...
            1. Moving <script> tags to the bottom of the page
          4. See also
        4. Maximizing backward compatibility with JavaScript
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Providing Internet Explorer 6 with transparent PNG support in your Joomla! template
          1. Getting ready
          2. How it works...
          3. There's more...
          4. See also
        6. Installing the jQuery JavaScript library in Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. jQuery from Google—an alternative
          5. See also
        7. Creating an image slideshow with JavaScript in Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
      15. 10. Miscellaneous Joomla! Templating
        1. Introduction
        2. Comparing your template across different browsers
          1. Getting ready
            1. BrowserCam
            2. BrowserShots
          2. How to do it...
          3. How it works...
          4. See also
        3. Validating your template's (X)HTML
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Validating your template's CSS
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        5. Using conditional stylesheets in Joomla!
          1. Getting ready
          2. How to do it...
            1. How it works...
            2. There's more...
              1. Examples of conditional comments for versions of Internet Explorer
              2. See also
        6. Fixing the double-margin bug (in Internet Explorer) in Joomla!
          1. Getting ready
          2. How to do it...
            1. Fixing the double-margin bug
          3. How it works...
          4. See also
        7. Installing Google Analytics
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. Google Analytics module for Joomla!
          5. See also
      16. A. Joomla! Output Overrides
        1. Introduction
        2. Customizing Joomla!'s home page with module output override
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
          5. See also
        3. Customizing Joomla! articles with component template overrides
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. See also
        4. Creating a new module style (chrome) in Joomla!
          1. Getting ready
          2. How to do it...
          3. How it works...
          4. There's more...
            1. See also