template da PSD a Joomla

diabolikus

template da PSD a Joomla

Ciao, avrei bisogno di aiuto da voi esperti per trasformare un template che ho realizzato in Photoshop (e che quindi ho salvato come PSD) in un template utilizzabile in Joomla. Chi mi aiuta? Grazie.

hypercat

Ciao..ho cercato anche io info in merito e da quanto ho capito, dovresti esportarlo in un formato compatibile con Dreamweaver e da li utilizzare un componente gratuito, scaricabile dalla rete.

Credo a questo indirizzo: developer.joomla.org/sf/frs/do/viewSummary/projects.joomlasolutions/frs

diabolikus

Sono gia riuscito a convertire il mio template in PSD in una pagina html con il Dreamweaver, ora non mi resta che fare in modo che Joomla possa interpretare correttamente la pagina. Ho provato ad andare sul link che mi hai indicato, ma caricata la pagina mi viene chiesto subito nome utente e password che ovviamente non ho. Puoi dirmi il nome dell'estensione alla quale ti riferivi? Magari riesco a reperirla da altre fonti.
Ti ringrazio.

michelerocco

cerca dreamweaver extension in extensions.joomla.org se vuoi l'estensione che ti inserisce il codice nel template html, ma comunque devi sapere a priori cosa è che va come minimo inserito e dove quindi consiglio di scaricare un qualsiasi template free (il più semplice possibile ... quelli professionali spesso hanno molto codice all'interno che li rende molto belli ma anche difficili da interpretare) e guarda come è composto il file index.php e il file template.xml ... e replica la stessa struttura sul tuo file HTML

diabolikus

Sono riusito a trasformare il mio template da PSD a XHTML con Dreamweaver, e quindi a farlo riconoscere a Joomla. Ora però vorrei sapere come posso fare per rendere i menu attivi. Attualmente risultano una semplice immagine. Grazie.

diabolikus

Ho ancora problemi nel far riconoscere correttamente il mio template a Joomla. Attualmente ho realizzato due versioni dello stesso template, uno con una pagina index strutturata con semplici tabelle e il 2° invece utilizzando una pagina index costruita con dei <div>. Per il resto i 2 template risultano esattamente uguali. Secondo voi è possibile che tale differenza possa impedire a Joomla di visualizzare correttamente il mio template?

pikadilly

Ciao Diabolikus,
dipende anche da che tipo di codice che hai scritto.

Ti spiego.

Abbiamo i moduli a sinistra, tu inserirai nel codice questa sinstassi:

Questo ti inserisce i moduli in una struttura a tabelle:

 <div id="navigazionesinistra"><?php MosLoadModules ('left');?></div>
```Questo ti inserisce il modulo in una cella orizzontale (se non erro si usa per il top menu):



Inoltre controlla bene il file xml.
Facci sapere ;)

diabolikus

Il mio, non è un problema di posizionamento dei blocchi, ma proprio un problema grafico. Ho preso un template fatto in psd, l'ho convertito in XHTML, successivamente con Dreamweaver l'ho salvato in PHP. Quando visualizzo l'anteprima in locale è tutto ok, ma nel momento in cui lo pubblico in Joomla.....pagina bianca!
Vi allego il codice della mia index, magari può aiutare.

pikadilly

Infatti il mio post voleva spiegare come viene interpretato lo stile dei moduli a seconda della sinstassi.

Ad ogni modo nel codice del tuo template manca tutto quello che serve a Joomla per riconoscere il template:

Iniziamo dal primo blocco di codice nell'head, inserisci questo al posto di quello che hai utilizzato tu:

[php]<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = split( '=', _ISO );
// xml prolog

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[/php]Lo stile deve essere definito così:

<link href="templates/<?php echo $mainframe->getTemplate(); ?>/css/templates_css.css" rel="stylesheet" type="text/css" />
```Altrimenti:

url(../images/immagine.jpg);

diabolikus

Ho effettuato le modifiche che mi hai indicato, ricontrollato il css e il TemplateDetails. Ora, quando visualizzo l'anteprima mi viene dato questo messaggio: Direct Access to this location is not allowed.
Che si fa?

pikadilly

Dimmi una cosa, che versione usi di Joomla?

diabolikus

Lo stò provando sulla 1.5, dici che forse sarebbe meglio installarne una + vecchia ma affidabile?

pikadilly

Ok, prova a usare una vecchia versione.

Io ancora non ho provato i template per la 1.5 per questo ti ho dato quel codice.

gmassi

Magari prova ad attivare il plugin Legacy Mode su Joomla 1.5 (System-Legacy su gestione plugin). A quel punto credo che dovresti poter caricare un template con la struttura che ti ha postato Pikadilly.

diabolikus

Dopo vari tentativi....alla fine sembra che ci sia riuscito (naturalmente non finirò mai di ringraziarvi, senza di voi a quest'ora sarei ancora a sbattere la testa :-p). Ora Joomla mi riconosce correttamente il mio template. A questo punto dovrei procedere con la distribuzione dei vari moduli all'interno del template. Come posso procedere? Qualche consiglio?

diabolikus

Forse sono stato poco chiaro, provo a spiegarmi un po' meglio. Dunque, al momento ho il mio bel template formato da una serie di immagini opportunamente inserite in una tabella. A questo punto, cosa devo fare per indicare a Joomla dove inserire le varie parti del sito (menu, contenuto, footer, intestazione, ecc....)? Io vorrei strutturare il template esattamente come nel file allegato.

pikadilly

Dov'è menu inserisci l'istruzione:

<?php MosLoadModules ('left',-2);?>
```Di solito a left è assegnato il mainmenu, othermenu e usermenu.

Contenuto:

<?php mosMainBody(); ?>


In topmenu metti:

<?php MosLoadModules ('user3,-1);?>


Footer:

<?php include_once('includes/footer.php'); ?>

diabolikus

Ho seguito alla lettera le tue istruzioni ed in effetti sembra tutto funzionare. Il problema ora è che non riesco ad allineare correttamente le voci del menu. Ho provato ad agire sul css ma ancora nulla.

pikadilly

Devi fare pratica. Per costruire un template Joomla ci vuole tanto tempo e tanta pratica, devi giocare con il css.
Ti do il link del css di base di joomla con tutti i commenti per capire le istruzioni che corrispondono ai menu, ai moduli, ai titoli etc...

http://www.joomla.it/videotutorial/danese/conversione_template/base_css_joomla.css