Back to top

Autore Topic: Costruzione template 960 grid system  (Letto 1215 volte)

Offline cassinixxx

  • Nuovo arrivato
  • *
  • Post: 2
    • Mostra profilo
Costruzione template 960 grid system
« il: 25 Mar 2015, 17:54:15 »
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


Codice: [Seleziona]
<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
Codice: [Seleziona]
<noscript></noscript>
e tra i tag
Codice: [Seleziona]
<script></script>
« Ultima modifica: 25 Mar 2015, 17:56:15 da cassinixxx »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Costruzione template 960 grid system
« Risposta #1 il: 25 Mar 2015, 19:33:28 »
puoi inserirli prima del doctype

Codice: [Seleziona]
// Add Stylesheets
$doc->addStyleSheet($this->baseurl."/templates/".$this->template."/bootstrap/css/bootstrap.css");
$doc->addStyleSheet($this->baseurl."/templates/".$this->template."/bootstrap/css/bootstrap-responsive.css");
$doc->addStyleSheet($this->baseurl."/templates/".$this->template."/css/font-awesome.css");
$doc->addStyleSheet($this->baseurl."/templates/".$this->template."/css/editor.css");

// Add Script
$doc->addScript($this->baseurl."/templates/".$this->template."/javascript/custom.js");
if(version_compare(JVERSION,"3.0.0","ge")){
    JHtml::_('bootstrap.framework');
}  else {
    $doc->addScript($this->baseurl."/templates/".$this->template."/bootstrap/js/bootstrap-joomin.js");
}
?>
<!DOCTYPE html>

le cartelle iniziali sono dentro la cartella principale del template
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassinixxx

  • Nuovo arrivato
  • *
  • Post: 2
    • Mostra profilo
Re:Costruzione template 960 grid system
« Risposta #2 il: 26 Mar 2015, 09:35:00 »
Grazie per la risposta super rapida, diciamo che più o meno mi è chiaro come richiamara un file js esterno e come linkare i css, quello che non so è come inserire la parte di codice noscript e script contenente i rimandi ai vari fogli di stile determinati dalla risoluzione del device all'interno dell'index.php

 



Web Design Bolzano Kreatif