| Precedente :: Successivo |
| Autore |
Messaggio |
mdweb
Dio maturo
Registrato: 18/12/07 16:59
Messaggi: 4412
|
 Inviato: 09 Apr 2009 00:38 Oggetto: Guida alla creazione di un template per Joomla |
 |
|
Ciao!
In questa guida spieghrò come creare template per joomla.
Iniziamo.
Per prima cosa dobbiamo creare il nostro layout,quindi crearlo con il nostro programma di grafico preferito e generarne css e xhtml.
Io Userò uno dei layout già pronti che potete scaricare qua
Il css è questo:
| Codice: |
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}
|
--
Per prima cosa dobbiamo creare un file chiamato templatesDetails.xml che conterrà le info del nostro layout e tutti i file del tema.
Nel nostro caso il tema conterra solo il file index.php (la pagina di joomla) e style.css (il template della pagina di joomla).
L'XML deve essere simile a questo:
| Codice: | <?xml version="1.0" encoding="utf-8"?>
<install type="template" version="1.0">
<name>ZeusNews</name>
<creationDate>2009-04-03</creationDate>
<version>1.0</version>
<author>Zeusnews</author>
<authorUrl>http://www.zeusnews.com</authorUrl>
<description>Zeusnews</description>
<files>
<fileName>index.php</fileName>
</files>
<css>
<fileName>stile.css</fileName>
</css>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>syndicate</position>
<position>user3</position>
</positions>
</install> |
E' molto importante questa parte:
| Codice: |
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>footer</position>
</positions>
</install> |
Che ci definisce quali sono le posizioni possibili per i moduli! |
|
| Top |
|
 |
freemind
Supervisor sezione Programmazione
Registrato: 04/04/07 21:28
Messaggi: 4643
Residenza: Internet
|
| Inviato: 11 Apr 2009 19:55 Oggetto: |
|
|
Potresti essere un po' più preciso riguardo all'xml e ai nomi delle classi e degli id nel css?
Devono essere quelli, possono essere diversi, insomma, puoi focalizzare sulla logica di funzionamento del rendering del template?
Miao |
|
| Top |
|
|
mdweb
Dio maturo
Registrato: 18/12/07 16:59
Messaggi: 4412
|
| Inviato: 11 Apr 2009 22:34 Oggetto: |
 |
|
| freemind ha scritto: | Potresti essere un po' più preciso riguardo all'xml e ai nomi delle classi e degli id nel css?
Devono essere quelli, possono essere diversi, insomma, puoi focalizzare sulla logica di funzionamento del rendering del template?
Miao |
La guida non è ancora finita,non ti preoccupare. |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
