Responsive Templates in Joomla!
•
0 j'aime•1,303 vues
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.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à Responsive Templates in Joomla!
Similaire à Responsive Templates in Joomla! (20)
Plus de David Hurley
Plus de David Hurley (10)
Dernier
Dernier (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...