Como añadir CSS/Javascript a tu extensión de Joomla 1.6

Lo primero necesitamos el objeto JDocument:

$document = JFactory::getDocument();

Para añadir CSS:

$document->addStyleSheet('url/to/my/stylesheet.css');

Para Javascript:

$document->addScript('url/to/my/script.js');

Bien, también es posible que necesitemos añadir fragmentos de CSSo JS.

Fragmento CSS:

$css_code = "
    #myDiv {
      padding: 5px;
      margin:10px;
      border:1px solid #dedede;
    }

    div.someClass {
      background:#000000;
      color:#ffffff;
      height:100px;
    }
  ";


$document->addStyleDeclaration($css_code);

Ahora fragmento de Javascript:

$js_code = "
    window.addEvent('domready', function() {
      $('myDiv').addClass('someClass');
    });
  ";

  $document->addScriptDeclaration($js_code);

Fuente -> http://www.howtojoomla.net/how-tos/development/how-to-add-cssjavascript-to-your-joomla-extension