How to add new javascript and css files to T3 XML layout?

To add new CSS & JS files you have to edit the default layout of your template (default.xml) and add the following code just after the layout opening tag

<!--Extra css load for this layout-->
<!--Extra JS load for this layout -->

1- Make sure that the default.xml is your currently selected layout in the profile setings.
2- Make sure that the CSS/JS files that you added to default.xml are already exist in the CSS/JS folders.

Where are listed all other CSS files and Javascripts of the template
The first set of files to be loaded by the template are actually the Framework’s files which are located at

The second set of files to be loaded are the files in the root directory of the template

The last and the highest priority files to be loaded is the template’s theme files

Quotes about T3

Definitely T3 has shortened the time of implementing a template and restricted time devoted to CSS modification. The thing is that a good framework makes your work faster and you do not need to waste your time on doing the same things repeatedly.

[By using T3 Framework] I am focused on design instead of doing everything from beginning.

T3 makes me forget writing the whole HTML grid structure and most of the CSS part. Adding CSS and JavaScript files is very easy.
[Our clients] like the way they could move the columns around.

Setting Equal Heights with jQuery

We wrote a script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead.

Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we’ve found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element’s minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.

BigDump: Staggered MySQL Dump Importer

Staggered import of large and very large MySQL Dumps (like phpMyAdmin 2.x Dumps) even through the web servers with hard runtime limit and those in safe mode. The script executes only a small part of the huge dump and restarts itself. The next session starts where the last was stopped.

download it from here
Script site :

Article or some other content element is locked

Select Tools –> Global Check-in from the drop-down menu on the Back-end of your Joomla! installation.

Selecting this menu option causes Joomla! to perform a global check-in of all checked out or locked items. It then shows the results of the Global Check-in. This is useful, for example, if an Articles is locked by a User who opened it for editing and never finished the editing session. In this case, other Users are not able to edit this Article. Performing a Global Check-in releases all such items.


Works for all Joomla versions

Using PHP/MySQL with Google Maps

This tutorial is intended for developers who are familiar with PHP/MySQL, and want to learn how to use Google Maps with a MySQL database. After completing this tutorial, you will have a Google Map based off a database of places. The map will differentiate between two types of places—restaurants and bars—by giving their markers distinguishing icons. An info window with name and address information will display above a marker when clicked.

The tutorial is broken up into the following steps:
+ Creating the table
+ Populating the table
+ Outputting XML with PHP
+ Creating the map

Pin It on Pinterest