In the following set of tutorials, we will show you how to build a Joomla 3.0 template. This template will include bootstrap, and will be fully responsive.

This basic template that we are creating is being developed from the standpoint of a developer. We can't promiss it will be a pretty template, but we will show you how to build a simple Joomla 3.0 template that works.

A screenshot of the template and a download link can be found to the right, and our tutorial series documenting how we developed the template can be found below.

 
Section 1: A very basic template soon to be a Joomla 3.1 template
In our first tutorial on creating Joomla 3.0 Templates, we will show you what the basic template that we're working with looks like.
Hits: 60,102
Section 2: How to add module positions to a Joomla 3.1 template
In this Joomla 3.0 tutorial, we will show you how to add new module positions to a Joomla 3.0 template.
Hits: 54,825
Section 3: Adding a templateDetails.xml file to a Joomla 3.1 Template
In this article, we will show you the templateDetails.xml file that we are including within the Joomla 3.0 template that we are creating.
Hits: 30,946
Section 4: How to zip a Joomla 3.1 template
Now that we have all the files necessary for our template, we will show you the basics of zipping the file and getting it ready for installation.
Hits: 16,082
Section 5: How to install a Joomla 3.1 Template
In this Joomla 3.0 tutorial, we will walk you through the steps for installing a Joomla 3.0 template
Hits: 52,571
Section 6: How to change your Joomla 3.1 Site Template
After installing a Joomla 3.0 template, your next step is to activate your new template.
Hits: 29,341
Section 7: How to add CSS and JavaScript files to a Joomla 3.1 Template
In this article, we will show you how to use $doc-addStyleSheet and $doc-addScript to add css and javascript files to a Joomla 3.0 template.
Hits: 34,325
Section 8: How to add Bootstrap to a Joomla 3.1 Template
In this tutorial, we'll show you how to add the bootstrap javascript and css files to a Joomla 3.0 template.
Hits: 44,634
Section 9: How to make a Joomla 3.1 Template Responsive
In this tutorial, we'll cover the changes we made to our Joomla 3.0 template's index.php file to make it fully responsive.
Hits: 39,272
Section 10: Adding security to a Joomla 3.1 template using JEXEC
In this tutorial, we'll show you how to add JEXEC to your Joomla 3.0 to help add a standard layer of security to your template.
Hits: 12,188

Adding CSS and Style to the template

Learn how we added basic style to the template by updating our css/style.css file
Section 11: Adding CSS to the Login Form in a Joomla 3.1 template
Now that we've created our basic template, we will begin adding CSS to our css/style.css file to help make modules stand out. We will first update the login form.
Hits: 13,394
Section 12: Adding CSS to sidebar items in a Joomla 3.1 template
In this Joomla 3.0 tutorial, we'll show you how to style the modules in our template's right sidebar using CSS.
Hits: 13,408

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!