Book Image

Joomla! 1.5: Beginner's Guide

By : Eric Tiggeler
Book Image

Joomla! 1.5: Beginner's Guide

By: Eric Tiggeler

Overview of this book

Joomla! is one of the most popular open-source Content Management Systems, actively developed and supported by a world-wide user community. Although it's a fun and feature-rich tool, it can be challenging to get beyond the basics and build a site that meets your needs perfectly. Using this book you can create dynamic, interactive web sites that perfectly fit your needs.This practical guide gives you a head start in using Joomla! 1.5, helping you to create professional and good-looking web sites, whether you want to create a full-featured company or club web site or build a personal blog site.The Joomla! 1.5 Beginner's Guide helps beginners to get started quickly and to get beyond the basics to take full advantage of Joomla!'s powerful features. Real-life examples and tutorials will spark your imagination and show you what kind of professional, contemporary, feature-rich web sites any developer can achieve with Joomla!. It gives you a head start and explains what's good and useful about Joomla! features and what's not. The focus is on clear instructions and easy-to-understand tutorials, with minimum of jargon. This book provides clear definitions, thoroughly covering the concepts behind the software and creating a coherent picture of how the software works. This book is not about what Joomla! can do—it's about what you can do using Joomla!.
Table of Contents (19 chapters)
Joomla! 1.5
Credits
About the Author
About the Reviewers
Preface
Free Chapter
1
Introduction: A New and Easy Way to Build Websites

Time for action—editing CSS on the fly using Firebug


Let's say you want to make the text-size of article headings bigger. Now how do you find out the name of the style that you have to edit? We'll check this out the Firebug way:

  1. 1. Open the frontend of your Joomla!-powered website in the Firefox browser. Activate Firebug by clicking on the Firebug icon (in the bottom right corner of the browser window). In the bottom half of the browser window, the Firebug screen is displayed, showing both the HTML source and the CSS of the current web page.

  2. 2. In the normal browser screen, click on the heading THIS YEARS MEETING to see the current HTML and CSS displayed in the Firebug window below. The CSS secret is revealed; this heading is styled by h2.contentheading.

  3. 3. In the Firebug Style window, edit h2.contentheading by changing font-size: 18px; to font-size: 40px;. The effects of your edits are immediately shown in the browser window:

The huge font size is probably not what you're after. Just enter...