Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Joomla! 1.5 Templates Cookbook
  • Table Of Contents Toc
  • Feedback & Rating feedback
Joomla! 1.5 Templates Cookbook

Joomla! 1.5 Templates Cookbook

3.7 (3)
close
close
Joomla! 1.5 Templates Cookbook

Joomla! 1.5 Templates Cookbook

3.7 (3)

Overview of this book

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.
Table of Contents (16 chapters)
close
close
Joomla! 1.5 Templates Cookbook
Credits
About the Author
About the Reviewers
Preface

Understanding Module Chrome in Joomla!


One element of Joomla! templates that is very specific to Joomla! is Module Chrome. Module Chrome allows you as a Joomla! template designer to have greater control over the code that surrounds each module that Joomla! outputs.

Getting ready

View your Joomla! website in your browser.

How to do it...

  1. 1. Look at the menu to the left of the template surrounded by a colored, rounded border.

  1. 2. If you view the source of the home page in the rhuk_milkyway template, you'll see that the corresponding XHTML for this is surrounded by "Module Chrome":

    <div class="module_menu">
    <div>
    <div>
    <div>
    <!—rounded content-->
    </div>
    </div>
    </div>
    </div>
    
  2. 3. This is the rounded Module Chrome. Another Module Chrome is none, which applies nothing around your content—xhtml wraps the module in a div tag with the class attribute referencing the name of the module:

    <div class="moduletable_menu">
    <!-- module content --...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Joomla! 1.5 Templates Cookbook
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon