Ciao a tutti, sto realizzando per joomla 3 un template personalizzato partendo da zero, ho già un po di esperienza avendone realizzati alcuni. Utilizzo solitamente il 960 grid system con cui mi trovo bene, questa volta vorrei pero realizzare un template adattivo utilizzando una variante del 960 che prevede l'utilizzo di javascript per gestire il ridimensionamento in base alla risoluzione. Il problema nasce dal fatto che se fosse un index html dovrei inserire questo parte di codice nei tag head
<link rel="stylesheet" href="assets/css/master.css" />
<noscript>
<link rel="stylesheet" href="assets/css/mobile.min.css" />
</noscript>
<script>
// Edit to suit your needs.
var ADAPT_CONFIG = {
// Where is your CSS?
path: 'assets/css/',
// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,
// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
range: [
'0px to 760px = mobile.min.css',
'760px to 980px = 720.min.css',
'980px to 1280px = 960.min.css',
'1280px to 1600px = 1200.min.css',
'1600px to 1940px = 1560.min.css',
'1940px to 2540px = 1920.min.css',
'2540px = 2520.min.css'
]
};
</script>
<script src="assets/js/adapt.min.js"></script>
per richiamare i file javascript esterni ho trovato online la documentazione necessaria ma non riesco a capire come devo inserire il codicescritto che sta tra i tag <noscript></noscript>
e tra i tag <script></script>