Book Image

Mastering TypoScript: TYPO3 Website, Template, and Extension Development

Book Image

Mastering TypoScript: TYPO3 Website, Template, and Extension Development

Overview of this book

Free, open-source, flexible, and scalable, TYPO3 is one of the most powerful PHP content management systems. It is well suited for creating intranets and extranets for the enterprise. While providing an easy-to-use web interface for non-technical authors and editors of content, its messaging and workflow system enable shared authoring and collaboration. TYPO3 provides flexible and powerful interfaces for both content editors and administrators, giving them full control of the core aspects the system. However for developers who need to customize the system, TYPO3 offers a powerful configuration language called TypoScript. Good knowledge of TypoScript is really a prerequisite for implementing complex applications with TYPO3 and gives developers full control over the configuration of TYPO3 and its template engine. TypoScript enables the complete output template to be created and manipulated, giving you full control over the layout of the site. TypoScript also allows you to integrate dynamic contents, JavaScript-based menus, Flash, Graphics, etc. with ease. You have maximum control over the design of the website and can control all options that would otherwise be addressed by HTML-simple text output, formatting, and much more. TypoScript also allows you to generate graphics at run time and display different content dynamically.
Table of Contents (19 chapters)
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
Credits
About the Author
Preface

Embedding Graphics


It is easy to embed graphics with TypoScript. This is done with the IMAGE object, whose most important property is file. One precondition is that the marker ###IMAGE### has been inserted in the template:

page.10.marks { IMAGE = IMAGE IMAGE.file = fileadmin/_temp_/images/logo.jpg }

This syntax is all you need to load the graphic from the specified directory and to create the appropriate HTML code in the back end.

<img src="fileadmin/_temp_/images/logo.jpg" width="788" height="150" border="0" alt="" title="" />

There is one problem with this syntax: The alt and title attributes have no value. This is easily changed:

page.10.marks{ IMAGE = IMAGE IMAGE.file = fileadmin/_temp_/images/logo.jpg IMAGE.altText = Hello, World! IMAGE.titleText = Hello, World! }

This assigns an appropriate value to title and alt. There is also the archaic value alttext, but it should only be used if altText doesn't have a value.