Responsive Templates in Joomla!
•
0 likes•1,303 views
This document provides information and instructions for creating a sample template for Joomla using Twitter Bootstrap. It includes an overview of necessary and optional files, instructions for setting up the templateDetails.xml file to define template details and supported positions, and a basic structure for the index.php file. It also provides resources for the sample template code and information for contacting the author.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Responsive Templates in Joomla!
Similar to Responsive Templates in Joomla! (20)
More from David Hurley
More from David Hurley (10)
Recently uploaded
Recently uploaded (20)
Responsive Templates in Joomla!
- 1. Responsive Templates Created for Joomla! JoomlaDay Guatemala 2013
- 3. Extra Files & Folders LESS/CSS Images HTML Javascript
- 4. Getting Started: Template Details templateDetails.xml <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 3.1//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install. dtd"> <install version="3.0" type="template" method="upgrade">
- 5. templateDetails.xml - Basic Details <name>Sample Template</name> <creationDate>2013-04-24</creationDate> <author>David Hurley</author> <authorEmail>david@mydomain.com</authorEmail> <authorUrl>http://mydomain.com</authorUrl> <copyright>Copyright (C) 2012 My Site</copyright> <version>1.0</version> <description><![CDATA[ <p>Creating a sample template for JD13GT<p> ]]></description>
- 8. Index.php - Basic Structure - Head <?php defined('_JEXEC') or die; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ? >" > <head> <jdoc:include type="head" /> </head>
- 9. Index.php - Basic Structure - Body <body> <jdoc:include type="modules" name="top" style="xhtml" /> <jdoc:include type="modules" name="breadcrumbs" style=" xhtml" /> <jdoc:include type="modules" name="left" style="xhtml" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="right" style="xhtml" /> <jdoc:include type="modules" name="footer" style="none" /> </body> </html>
- 10. JHtmlBootstrap::loadCss($includeMaincss = true); That's all Add Bootstrap Style from JUI
- 12. Contact David Hurley twitter: @dbhurley facebook: /dbhurley skype: davidbhurley email: david.hurley@joomla.org
- 13. Live Preview Let's get started...