O'Reilly logo

MODx Web Development by Antano Solar John

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

Creating a new template and giving it a category

To start with, let us create a simple template that has a content area, a header, and a footer.

The HTML and CSS code for a structure like that is discussed in this section.

HTML

The following HTML creates a header, body, and footer layout. The content div is where the content of a resource will be displayed.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Learning MODx</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859- 1" /> <link rel="stylesheet" type="text/css" href="assets/templates/learningMODx/style.css" /> </head> <body> <div id="banner"> <h1>Learning ...

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

Start Free Trial

No credit card required