T3 framework

  • A Look at Theme Magic

    T3 has an inbuilt theme customiser which allows you to create basic styles for the main areas of your template which can be accessed by the Theme Magic button at the top of T3's menu.

  • An Overview of T3V3 Template Options

    Let's have a look at the options contained within the T3 BS3 Blank template. Head to Joomla's template manager and click on the T3 BS3 Blank template. The template option are broken up into various pages accessible via the horizontal menu towards the top of the page.

  • Customising the Spotlight Areas

    The spotlights are a flexible area of the T3 blank template (and many other T3 complient templates). They create pre-determined amount of horizontally placed module positions. Each module is spaced equally along the row. 

  • Designing for T3

    From a designers point of view, knowing how a framework is put together will help a designer create something that a developer or implementer can easily convert into a working template.

    Understanding limitations and working within the bounds will make for a really happy front-end developer. 

    Of course you're not limited to these limitations, a really good front-end developer will be able to push these boundaries and limitations to create anything that you imagine.

    This section of the course will explain the ideas and concepts around why bootstrap was made and the grid layouts that were applied to it to help make life easier for developers and designers alike.

  • Downloading and Installing T3

    First things first, you'll need to download and install the T3 framework plugin and the blank template to start off with. So lets head over to http://t3-framework.org/ and click the Downloads button at the top of the page. There are a few different option on this page, allowing you to download the various files and documentation you might need. The T3 Framework Package is a great starting point that provides you with the T3 framework itself, and a very usefull template called T3 BS3_Blank which is based on the Bootstrap 3 framework. Further down the page you can download the template seperately, or the T3 framework seperately.

  • Features of T3 framework

    The latest framework release sees many new features added into the system as well as backwards compatibility with older templates build on earlier version of the template.

    One major thing was the introduction of Bootstrap 3. The new Bootstrap brought with it a swag of new features and of course many of these are all integrated into T3 bringing it up to date with the current design trends of the web.

    These included:

    • Bootstrap enabled
    • Works with Joomla 2.5 and Joomla 3
    • HTML5, LESS and CSS3
    • Built in LESS compiler
    • CSS compression
    • JS compression
    • Full responsive layouts for wide desktop, 960 width desktop, tablet and small devices
    • Built in mega menu builder and off canvas navigation for desktop, tablet or mobile layouts
    • Real time customisation and templating with Theme Magic template builder
    • Flexible layouts with drag selectable widths and responsive options
    • Font Awesome versions 3 and 4
    • Flat design with two versions of the base template Blank and Blank_bs3 to use with either Bootstrap 2 or Bootstrap 3 depending on what you're use to.
    • and of course its all open source

    So lets look at some of these key features of T3 and what makes it just so cool.

  • Getting Started

    If you're completely new to T3 then this is where you should start.

    This section of the course will take you through the step by step processes in regards to how to install the framework and how to get it installed on your Joomla website. Whether it is using the default T3 Blank template or using one of the many templates provided by so many template providers around the world that use T3, this is the perfect starting point.

    This section of the course is free for any users.


  • Introduction


    Understand exactly what T3 is and why you would use T3 in your web projects.

    Whether its a website for a customer/client, yourself or if you are building website templates to sell on to others, T3 is an ideal framework to help speed up your development and implementation of your designs while also making them mobile ready.

    This part of the course goes into examples of why you would use T3, who is already using T3 and why we love using it so much.

  • Navigation and Mega Menus

    {modal images/courses/t3/09-navigation-and-mega-menus/Accessing-the-mega-menu.jpg|Title=Accessing the mega menu}Accessing the mega menu{/modal}

    Make complex menus easily with T3's mega menu system which can be accessed by the Megamenu button.

  • Quick Overview of the Build Blocks in T3

    The T3 Blank template already has a great variety of module positions grouped into handy blocks that represent the various areas of the website such as Header, Footer, Navigation, and content area. But what happens if our website requires a unique layout that doesn't fit into T3 Blanks layout? Creating new blocks in our template is a relatively simple process but it does require some modifications to the template code. So fire up your favourite text editor, and let's get our hands a little dirty under the hood of our template.

  • Template Clubs & Web Agencies that are Using the T3 Framework

    As we had mentioned, there are plenty of template clubs online that are using T3 to deliver their templates for their customers and clients.

    This is a short list of companies that we know are using T3 as their base foundation to deliver awesome mobile responsive websites using Joomla!.

  • The Building Blocks

    The file system is the most daunting part of T3 when first getting into it.

    There are so many files compared to a simple core Joomla template making it hard to determine what is what.

  • What is it and why use it


    The T3 framework is a Joomla templating framework that was originally developed by the team at Joomlart. It was created in the days of Joomla 1.5 when rapid development of the CMS was non existent and new features and functionality were desired but weren't available.

    Since they found themselves reusing code over and over again it made sense to reuse the code and add it into a base framework that they could build upon for each one of their template releases.

    This idea wasn’t just appealing to template clubs but also appealing to many web design and development studios/agencies around the world including us at PB Web Development. Many of these studios were producing solutions for clients everyday but finding that they were in the same situation of using the same code over and over again on various different websites.

    There were many base templates out there already, such as 960 grids or even the free templates that came with Joomla that could have been used as a base template framework but people wanted more than what these could provide. Hence the more complex template club frameworks.


If you have a subscription, login to access course material and your account details.

Please contact m@joomtraining.com.au for any account issues.