Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : iljap 26 Oct 2010, 16:42:44
-
Ciao a tutti... sto cercando di fare il sito per la morosa. Dopo aver installato joomla ci siamo messi alla ricerca di un template... l'unico che le è piaciuto ovviamente non è un template per joomla ma un template html con stile CSS
Volevo chiedere se io una volta personalizzato il sito con le varie pagine sarà poi convertibile in un template per joomla per renderlo dinamico? E' una cosa fattibile tenendo conto che non sono assolutamente un programmatore ne uno che ne capisce di hatml ma mi diletto nello sperimentare?
-
Ciao!
Volevo chiedere se io una volta personalizzato il sito con le varie pagine sarà poi convertibile in un template per joomla per renderlo dinamico? E' una cosa fattibile tenendo conto che non sono assolutamente un programmatore ne uno che ne capisce di hatml ma mi diletto nello sperimentare?
Un template è la base grafica e il layout del sito, è indipendente dai contenuti.
Puoi mettere tutti i contenuti che vuoi e cambiare anche successivamente il template. Però i contenuti devono stare sul cms Joomla, quindi non puoi creare e modificare un sito html statico che hai e poi aggiungerci sopra Joomla con un template.
Ti consiglio di installare Joomla (cosa che hai già fatto), inserire i contenuti e installare sopra il template che dovrai creare prendendo spunto dai fogli di stile che hai trovato.
Senti, su questo sito (e anche a giro per il web) ci sono numerose guide per creare un template in Joomla.
Ti metto i link di queste guide, sono una buona base di partenza:
http://wiki.joomla.it/index.php?title=Comprendere_i_template_di_Joomla
http://wiki.joomla.it/index.php?title=Parametri_dei_Template
http://wiki.joomla.it/index.php?title=Categoria:Template
http://www.joomla.it/articoli-della-community/804-caro-template-ti-analizzo-come-riconoscere-le-parti-di-un-template.html
http://www.joomla.it/articoli-della-community/945-i-parametri-dei-template.html
http://www.joomla.it/articoli-della-community/887-posizioni-modulo-in-un-template.html
Credo che a partire da questi e dal css che hai potrai fare un buon lavoro ;)
-
seguire QUESTA (http://www.tobacamp.com/tutorial/5-easy-steps-converting-html-template-to-joomla-template/)guida è una cavolata?
p.s. come faccio a cancellare tutti i contenuti d'esempio dopo l'installazione?
-
p.s. come faccio a cancellare tutti i contenuti d'esempio dopo l'installazione?
A mano dal pannello di gestione o da dentro il database.
-
Oppure in fase di installazione non li caricare.
-
Oppure in fase di installazione non li caricare.
troppo tardi :o
uff non vedo proprio come fare per creare il template come quello che vuole la morosa... mi sembra tutto abbastanza macchinoso!
-
Cambiare la morosa? ;D ;D ;D ;D
-
A quel che vedo non sei molto pratico con Joomla!
Se è così è un bene che tu abbia installato i files di esempio.
Adesso leggili tutti uno per uno prima di cancellarli.
Ma tu vuoi costruire il tuo primo sito iniziando con la conversione di un template?
Io inizierei con il modificare un template esistente.
Io credo che ce ne siano di assolutamente somiglianti a quello scelto dalla tua morosa ;)
-
Scusa, m'è scappato ;D ;D
Se non hai conscenze di html e fogli di stile (css) la vedo dura.
Quindi ti consiglio di fare una ricerca tra i template di bestofjoomla (http://www.bestofjoomla.com/component/option,com_bestoftemplate/Itemid,46/) impostando bene i filtri (sulla destra).
Filtra solo quelli per joomla 1.5 native e con licenza GNU/GPL, Creative commons e other open source. A meno che tu non voglia investire qualche decina di euro.
-
Cambiare la morosa? ;D ;D ;D ;D
Il pensiero mi è venuto!
A quel che vedo non sei molto pratico con Joomla!
Assolutamente non pratico!
Se è così è un bene che tu abbia installato i files di esempio.
Adesso leggili tutti uno per uno prima di cancellarli.
Aritroppotardi! 8) tutto cancellato!
Ma tu vuoi costruire il tuo primo sito iniziando con la conversione di un template?
Io inizierei con il modificare un template esistente.
dici che voglio troppo? hihi
Io credo che ce ne siano di assolutamente somiglianti a quello scelto dalla tua morosa ;)
Quello che ha scelto è QUESTO (http://www.webpagedesign.com.au/2008/07/17/free-web-template-squick-design/)
ho già cominciato a modificarlo per averlo statico
Ho gia fatto così con quello personale mio e della morosa (QUESTO) (http://www.pelandra.it/)
Scusa, m'è scappato ;D ;D
Non ti preoccupare se non si scherza un po' come andremo a finire!
Se non hai conscenze di html e fogli di stile (css) la vedo dura.
Non sono esperto ma qualcosa ci capisco... mi piace pacioccare per imparare!
-
Bello sto template!!! ;D ;D
Onestamente non mi sembra adatto a Joomla così com'è, forse più a wordpress. Ma lavorandoci si può riuscire ad adattarlo.
Si, stavo scherzando ovviamente. M'è venuta subito in mente la storiella di moglie 2.0 e sue varie versioni nel web ;D e m'è scappata la battuta.
http://www.googlisti.com/2007/06/01/meme-moglie-10-istruzioni-per-luso.html
http://www.math.unipd.it/~favero/varie/ragazzait.html
-
Bello sto template!!! ;D ;D
Onestamente non mi sembra adatto a Joomla così com'è, forse più a wordpress. Ma lavorandoci si può riuscire ad adattarlo.
Bhe se sembra difficile per voi esperti figuariamoci per me che non so nemmeno da che parte cominciare! Uff
-
Di persè creare le posizioni modulo non è difficile. In teoria basta sostituire ai contenuti l'istruzione
<jdoc:include type="modules" name="nome_posizione_modulo" style="tipo_stile" />
e quella per i contenuti, ecc. ecc,
Il problema (grosso) è poi sistemare il foglio di stile aggiungendo le classi di formattazione per i moduli e tutto il resto.
Tanto per darti un'idea delle classi del foglio di stile: http://www.joomla.it/images/stories/joomla_css.htm
Magari leggiti anche questa guida (http://wiki.joomla.it/index.php?title=Guida_alla_realizzazione_di_template_per_Joomla_1.5)
-
Ciao iljap.
Mi faccio perdonare la battutaccia e poi non si dica che il forum di Joomla contribuisce alla separazione delle coppie a causa di un template ;D ;D ;D
Decomprimi il file nella cartella templates (non credo si riesca a installare, non è finito e controllato) e poi... buon lavoro!!
Si, perchè gli ho dato una sbozzata ma bisogna lavorare sulle classi del foglio di stile per sistemare i moduli, i contenuti, ecc. ecc.
E se gli altri mod volessero contribuire.... ;)
[allegato eliminato da un amministratore]
-
Ciao iljap.
Mi faccio perdonare la battutaccia e poi non si dica che il forum di Joomla contribuisce alla separazione delle coppie a causa di un template ;D ;D ;D
Grande... avevo le valigie già pronte!!! Mi si prospettava una vita sotto i ponti!
Decomprimi il file nella cartella templates (non credo si riesca a installare, non è finito e controllato) e poi... buon lavoro!!
Il template sono riuscito a caricarlo ma ora devo capire come mettere i vari menu in alto... ho provato a scrivere un articolo prova per vedere dove finiva ma non compare!
E se gli altri mod volessero contribuire.... ;)
dai dai dai offro una birra a tutti! bigham: ovvio che tu te la sei già straguadagnata!
-
Dimenticavo di mettere il link al sito http://www.mapolab.it/ (http://www.mapolab.it/)
-
Bel lavoro bigham.... cosa non faresti per accontentare le morose... degli altri ;D
Si installa pure! Basta togliere dal tempalteDetails la favicon.ico ...
O metter dentro la favicon. Nella cartella del template, si intende.... ;D
@iljap: lo vedi, scherziamo scherziamo, ma poi cerchiamo ti tenere in piedi le coppie oltre che supportare Joomla! ;)
-
bhè installare non so perché come mi è stato detto l'ho scompattato e caricato via ftp!
la favicon sarebbe l'iconcina accanto al nome del sito sulla manigletta del browser? Non ho ben capito cosa mi dici! :-[
-
Si se vuoi fare la tua ti fai una immagine quadrata di 64X64 pixel e poi vai qui e la converti in formato .ico:
http://www.chami.com/html-kit/services/favicon/
Infine la inserisci dentro la cartella del template. Non nella cartella images ma proprio dentro la cartella del template, accanto alla index.php.
La mancanza di contenuti e moduli che vedi nel tuo template è dovuta alla mancanza di dati pubblicati.
Con questo comando
http://www.mapolab.it/?tp=1
vedi le posizioni modulo. Inizia a pubblicare qualcosa... ;)
-
Domenticavo di dire che il template non è certo completo ed è stato sviluppato per una installazione di joomla pulita con i soli dati di esempio.
Il menù in alto è il Top menù pubblicato nella posizione modulo user3 ed è quello che si trova alla prima installazione di Joomla.
Quindi direi che, per non impazzire, potresti installare joomla da zero con i dati di esempio e poi rimettere e attivare questo template.
Avendo tempo e soprattutto voglia di accendere il pc oggi pomeriggio o stasera magari vedo di sistemare anche qualcosa per i moduli.
Dai che se lo sistemiamo per bene poi lo pubblichiamo tra i template di Joomla.it ;D ;D
-
se avessi tempo lo farei volentieri anche xché è un bel template... non vorrei rischiare di fare la fine di un altro su cui avevamo iniziato a mettere le mani,ricordi bigham?
-
Ok sto cancellano per l'ennesima volta tutto per rifare l'installazione completa comprendendo anche i dati d'esempio!
Poi reinstallo il template modificato da voi!
non vorrei rischiare di fare la fine di un altro su cui avevamo iniziato a mettere le mani,ricordi bigham?
cosa è successo?
-
nulla di che...non l'abbiamo mai finito perché abbiamo puntato sul nostro lavoro...
-
ecco fatto! Ho reinstallato joomla con gli esempi e reinstallato il template! Confermo che si installa anche dal pannello di controllo!
L'unica variazione che ho fatto è stata l'aggiunta della favicon!
-
Allora proseguiamo...
Hai visto visto che con i dati di esempio va già assai meglio?
Quando non si ha pratica a sufficienza vanno sempre installati. Poi si tolgono....
Adesso che vedi i contenuti e i moduli puoi iniziare a personalizzare le classi che bigham molto opportunamente ha inserito nel tuo template. Apri il file css/template.css che hai nel tuo template e guardalo con un editor di testo (PSPad o notepad++ ). Vedrai tantissime classi vuote. Ora vai ad ispezionare il codice del tuo template con firebug e vedrai come formattare le diverse voci, i titoli, i link eccetera... Ogni cosa (o quasi) che joomla stampa a video è conhtraddistinta da un ID o da una classe.
Poi ci sono i normali tag html. Ti faccio subito questo suggerimento. A me non piacciono quei bordini blu attorno alle icone pdf, invia a un amico e stampa. Questo succede perchè il browser identifica quelle immagini come link. Andiamo allora ad inserire questa regola nel tuo foglio di stile:
img {
border:none;
} ;)
-
ok ho fatto la cosa più semplice! ho inserito il codice per evitare la cornice del link sulle immagini!
Ho aperto i css con l'editor ed installato fireburg per firefox ma non mi è molto chiaro come utilizzarlo e cosa toccare! Praticamente non riesco ancora a mettere in formato informatico quello che ho nella testa proprio perchè non so come lavori joomla! :o
Cavoli in che lavoro mi sono imbattuto! Non pensavo che joomla fosse così ampio!
-
Joomla è ampio e questo post diventerà una enciclopedia! :D
Per firebug guardati questo video:
http://www.joomla.it/video-guide/3645-videotutorial-su-come-utilizzare-firebug-con-il-proprio-sito-joomla.html
Si spalancherà un nuovo mondo ai tuoi occhi!
Installati anche gli altri moschettieri...
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
;)
Metti anche il sito dove stai lavorando in firma così non dobbiamo tornare indietro per aprire il link...
-
Per firebug guardati questo video:
http://www.joomla.it/video-guide/3645-videotutorial-su-come-utilizzare-firebug-con-il-proprio-sito-joomla.html
Si spalancherà un nuovo mondo ai tuoi occhi!
Mi metto subito a "studiare"
Installati anche gli altri moschettieri...
Do un occhio anche a loro!
Metti anche il sito dove stai lavorando in firma così non dobbiamo tornare indietro per aprire il link...
Fatto!
-
Bene. Adesso aggiungi un leggi tutto (da gestione articoli-->prima pagina--> apri un articolo poggia il cursore dopo un paio di righe e con il pulsantino in fondo aggiungi il leggi tutto - e salva) a uno degli articoli in home che ti passo un'altro esempio...
;)
-
non ho trovato la dicitura "prima pagina" ma ho provato sul primo articolo che si vede!
-
Perfetto: apri firebug posizionati sopra il leggi tutto e con il destro analizza l'elemento. Vedrai la classe sulla sinistra in basso nel codice html e a destra vedrai la corrispondente regola css...
Aggiungi una riga alla volta (per vedere l'effetto che fa) questa regola:
a.readon:link {
background:url("../images/link_more_bg.gif") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:30px;
margin:5px;
padding-top:10px;
text-align:center;
width:77px;
}
Fatto questo dovrai fare la stesa cosa sul a.readon:hover individuando nella cartella immagini quale immagine schiarisce quella nuvoletta...
Dovresti poi essere a posto e fare pian piano tutte le regole relative a tutte le classi e ID ;)
-
Ho studiato fino ad ora e sono fuso e temo di aver ampliato ben poco le mie conoscenze!
Sono riuscito ad inserire la nuvoletta sotto al leggi tutto con il codice che mi hai passato ma con solo quella "link" funzionava (ho dovuto solo sostituire right con left perché andava in crisi!) poi aggiungendo anche a.readon:hover credo che ci siano dei problemi... la nuvoletta scura non compare più!
Per sperimentare ho provato a modificare l'immagine del bloc notes di modo che aumentando l'altezza e dicendo di ripeterla si visualizzi decentemente e senza bordo bianco sotto ogni ripetizione!
Temo che sarà una lotta lunga ed estenuante!
-
altra domanda:
come mai nel menu in alto dell'home page del sito http://www.mapolab.it/ (http://www.mapolab.it/) non compare la prima voce a Sx che invece si vede al link http://www.mapolab.it/?tp=1 (http://www.mapolab.it/?tp=1)?
P.S. ora è meglio che vada a preparare la cena altrimenti martina oltre a cacciarmi perché non sono in grado di farle il sito mi caccia perché la lascio a digiuno!
-
Vedo che ti sei messo sotto a studiare! ;D ;D
Ah! L'Amore cosa fa fare! ;D ;D ;D ;D
(Toni, evita l'ovvia battuta!)
Avrei da proporre a lor signori una nuova versione del template, la 1.1.
Ho messo mano, per ora solo all'area dei contenuti e vedrete che sorpresa! ;)
Ho cambiato il nome del template in jsquick_1_1 così non si sovrappone all'altro. Per la cronaca si fa modificando il nome della cartella e nel file templateDetails.xml il nome contenuto tra i marcatori <name> e </name>
Ho aggiunto la favicon ma ho visto che anche tu ne hai messa una. Secondo me la tua è più bella! ;D
Consigli:
Un programma che trovo utilissimo per lavorare con i fogli di stile e TopStyle Lite (http://download.html.it/software/vedi/1699/top-style-lite/)
In fondo è un editor di testo ma dedicato ai css e la sua caratteristica principale è che ti permette di vedere (in un box sulla destra) tutte le proprietà che puoi assegnare ad una classe del foglio di stile, così non si impazzisce per ricordarsi quali sono.
Se poi vuoi confrontare due file di testo (quindi file .php, .css, .xml) per vedere quali modifiche sono state approtate puoi usare DiffMerge (http://www.sourcegear.com/diffmerge/downloads.html). Un'ottima soluzione per confrontare, ad esempio le mie modifiche al foglio di stile del template tra la versione precedente e quella attuale.
Un'altra cosa che io faccio, perchè non sono nato imparato ;D, è di usare una installazione di Joomla in locale solo per testare i template. Ne carico ogni volta che mi piacciono o contengono delle caratteristiche interessanti.
E' un modo per studiarli ma anche per prendere qualche idea buona da usare in altri template.
Ad esempio il calendarietto che vedrai accanto ad ogni articolo è stato preso da un altro template. Il codice che fa quel giochetto è dentro la cartella jsquik/html/com_content/frontpage.
Praticamente sfrutta la caratteristica più interessante di Joomla 1.5 che è il cosiddetto override, ovvero la riscrittura del codice di un modulo o componente (in questo caso il componente che visualizza i contenuti) secondo delle regole che stabilisci tu (e non più Joomla).
Ma ci arriverai col tempo. Sappi solo che se vuoi modificare qualcosa che riguarda i contenuti il codice html/php è dentro quella cartella.
Firebug è fondamentale per fare questo lavoro, altrimenti non sai quel determinato elemento della pagina con quale classe del foglio di stile è formattato. Impara ad usarlo e i template non avranno più segreti!! ;D
altra domanda:
come mai nel menu in alto dell'home page del sito http://www.mapolab.it/ (http://www.mapolab.it/) non compare la prima voce a Sx che invece si vede al link http://www.mapolab.it/?tp=1 (http://www.mapolab.it/?tp=1)?
Purtroppo quel menù può contenere un numero limitato di voci. E' troppo stretto e non ci stanno tutte. Se vuoi puoi disattivare qualche voce di menù, ma in questo momento non ha molta importanza.
Però ricorda che più di 4 voci non ci stanno (dipende anche dalla parola che usi per il menù).
se avessi tempo lo farei volentieri anche xché è un bel template... non vorrei rischiare di fare la fine di un altro su cui avevamo iniziato a mettere le mani,ricordi bigham?
Eccome se lo ricordo!!! Ce l'ho ancora conservato (credo, da qualche parte nei meandri dei miei hard disk)
Ogni volta che ci penso mi riprometto di metterci le mani, anche perchè da allora a oggi ho imparato altre cose ;)
Joomla è ampio e questo post diventerà una enciclopedia! :D
Anche secondo me questo post diventerà lungo ;)
[allegato eliminato da un amministratore]
-
Grazie mille... ho scaricato la nuova versione... l'ho scompattata e sostituito la favicon e l'immagine calendar_bg.gif che sarebbe il bloc notes ad anelli a sx che avevo modificato tagliando le conicette bianche!
Una volta installato mi ha dato un errore e mi diceva che non era presente l'immagine calendar_icon.gif credo sia quella per il datario che hai aggiunto, visto che nella cartella c'era ma con un altro nome l'ho rinominata!
Rizzipato tutto ed istallato e messo come predefinito ma sembra non essere come l'anteprima che hai allegato! Cosa puo' essere?
allego la mia versione precedente e quella 1.1 pacioccata da me!
credo di aver capito come mai non si vede la parte sx del top menu! Si nasconde sotto l'immagine della freccia verde... secondo me basterebbe far si che rimanga centrato e non allineato a sx! Dove modifico?
[allegato eliminato da un amministratore]
-
Hai ragione, ho rinominato l'immagine calendar_incon.gif in calendario.gif e non ho aggiornato il file templateDetails.xml.
Il problema si risolve andando a cambiare il riferimento all'immagine (<filename>images/calendar_icon.gif</filename>) nel file templateDetails.xml.
Forse è meglio che leggi nelle guide che ti abbiamo segnalato come è strutturato questo file, così sai già come rimediare a questi errori.
credo di aver capito come mai non si vede la parte sx del top menu! Si nasconde sotto l'immagine della freccia verde... secondo me basterebbe far si che rimanga centrato e non allineato a sx! Dove modifico?
Si, probabile. Bisogna vedere se usando la proprietà z-index nelle giuste classi del foglio di stile si riesce a risolvere.
In ogni caso lo spazio per il menù orizzontale è limitato, qindi si rischia di sovrapporre il menù all'immagine della freccia verde, e non si risolve nulla ;)
-
credo di aver capito come mai non si vede la parte sx del top menu! Si nasconde sotto l'immagine della freccia verde... secondo me basterebbe far si che rimanga centrato e non allineato a sx! Dove modifico?
Basta spostarlo qualche pixel a destra qui a riga 81 dello style.css
ul#mainlevel-nav {
background:none repeat scroll 0 0 transparent;
display:block;
list-style-type:none;
margin:auto;
padding-left:100px;
}
;)
-
Ok perfetto adesso è "rientrato" 8)
dai dai dai che sta prendendo forma! Io in compenso ho gli occhi fusi! hihi
-
Ad esempio il calendarietto che vedrai accanto ad ogni articolo è stato preso da un altro template. Il codice che fa quel giochetto è dentro la cartella jsquik/html/com_content/frontpage.
io ho rinominato l'immagine nel file .xml e quando installo il template non da più errori ma nella visualizzazione ancora non sembra funzionare! osi come la nuvoletta dietro al "leggi tutto"
Se non ho capito male devo vedere nella cartella jsquik/html/com_content/frontpage ma l'html è vuoto ovvero lo apro ma all'interno non c'è nessun codice!
-
Io in compenso ho gli occhi fusi! hihi
Pensa noi che seguiamo in nostri template e pure quelli dei morosi delle altre... ;D
Io cambierei l'immagine dell'header con quella che ti allego... ;D
[allegato eliminato da un amministratore]
-
non sembra funzionare! osi come la nuvoletta dietro al "leggi tutto"
se usi la regola che ti ho postato la nuvoletta funziona eccome, l'ho appena ri-fatto... ;)
-
Pensa noi che seguiamo in nostri template e pure quelli dei morosi delle altre... ;D
eehe mi sa che le birre sarà lei a dovervele pagare!
Io cambierei l'immagine dell'header con quella che ti allego... ;D
splendida!
se usi la regola che ti ho postato la nuvoletta funziona eccome, l'ho appena ri-fatto... ;)
Hai pienamente ragione ho provato e va come andava prima... ma alla fine ho capito dove stava l'errore iniziale! Nell'installazione automatica mediante pannello di controllo non vengono caricate le due cartelle "html" e "includes" che aveva aggiunto bigham! quindi le ho aggiunte via ftp!
Ora devo cominciare a capire come gestire gli spazi!
Siete dei grandi!
Ora sembra funzionare moooolto meglio!
-
Ciao iljap.
Anche in questo caso ho dimenticato di aggiornare il file xml. Avrai capito che è quello che joomla usa per controllare l'installazione e depositare i file nelle varie cartelle ;)
I file html sono sempre vuoti! ;D
Ora vediamo se riesco a sistemare l'aspetto dei moduli. Così come sono sono un pò... dietetici (in bianco)
Mi metto al lavoro
-
faccio che allegare il template allo stato attuale... ho aggiunto anche il logo! Cosi siamo allineati!
Oggi ho avuto poco tempo da dedicare al sito ma stavo cercando di capire come funzionano i menù ed i loro indirizzi!
[allegato eliminato da un amministratore]
-
OK, Credo che adesso ci siamo (più o meno)
Ho aggiunto il tuo logo e la tua favicon al pacchetto e dovrei essere riscuito ad allineare anche il foglio di stile style.css.
Ho modificato il file index.php alla riga 59
<jdoc:include type="modules" name="right" style="rounded" />modificando lo stile dei moduli che vengono visualizzati nella posizione right. Adesso i moduli sono in stile rounded.
Se vuoi capire cosa vuol dire consulta la guida alla realizzazione di template per joomla 1.5, paragrafo 9.3 Posizioni per la pubblicazione dei moduli.
Ho modificato l'aspetto dei menù di destra (posizione right). Devi modificare la posizione del Menu principale che è impostata per default a destra (posizione left) e posizionarlo nella posizione modulo right. Così vedrai come si vedono anche i menù di navigazione.
Tutte le classi per i menù si trovano nel foglio di stile template.css. Le classi sono div.module, div.module_menu e div_module_text.
Ho cambiato il colore dei link eliminando la proprietà color dal marcatore a (quello che definisce lo stile dei link. In questo modo i link si riconoscono e non sono più uguali al colore del testo.
Eventualmente puoi cambiare tu stesso il colore riattivando la proprietà color e usando un altro colore.
Mi sono accorto che nel Top menù non si possono usare i sub menù quindi disattiva quello che è presente di default, così si vede meglio.
Credo sia rimasto solo il footer da sistemare, ma quello non credo sia un grosso problema.
Ora rimane una grossa rogna da sistemare per rendere il template accettabile.
Praticamente se non vengono pubblicati moduli nella colonna destra questa non si collassa per dare spazio ai contenuti.
Io il codice l'ho inserito ma il problema è che l'area dei contenuti è a larghezza fissa e quindi non cambia.
L'altro piccolo neo è che se non vengono pubblicati moduli nella posizione user2 anche questa dovrebbe sparire dando spazio ai contenuti. Però questa modifica è a discrezione, magari la vuoi lasciare così.
Il template l'ho chiamato jsquick_final ;D
Ciao
[allegato eliminato da un amministratore]
-
OK, Credo che adesso ci siamo (più o meno)
Alla grande! Sei un mago di joomla e di sopportazione nei miei confronti!
Ho modificato il file index.php alla riga 59
<jdoc:include type="modules" name="right" style="rounded" />modificando lo stile dei moduli che vengono visualizzati nella posizione right. Adesso i moduli sono in stile rounded.
Se vuoi capire cosa vuol dire consulta la guida alla realizzazione di template per joomla 1.5, paragrafo 9.3 Posizioni per la pubblicazione dei moduli.
Ok letto ed assimilato... e devo dire che come li hai sistemati sono mooolto più guardabili!
Ho modificato l'aspetto dei menù di destra (posizione right). Devi modificare la posizione del Menu principale che è impostata per default a destra (posizione left) e posizionarlo nella posizione modulo right. Così vedrai come si vedono anche i menù di navigazione.
Tutte le classi per i menù si trovano nel foglio di stile template.css. Le classi sono div.module, div.module_menu e div_module_text.
Scusa ma questa parte non mi è chiara! Dove devo cambiare la posizione? All'interno del css o nel pannello di controllo?
Ho cambiato il colore dei link eliminando la proprietà color dal marcatore a (quello che definisce lo stile dei link. In questo modo i link si riconoscono e non sono più uguali al colore del testo.
Eventualmente puoi cambiare tu stesso il colore riattivando la proprietà color e usando un altro colore.
Anche questo è decisamente utille... per il colore credo che vada bene ma deciderà martina ;)
Mi sono accorto che nel Top menù non si possono usare i sub menù quindi disattiva quello che è presente di default, così si vede meglio.
Anche qui non mi è chiaro dove disattivarlo! Mi sto perdendo con i menu del pannello di controllo! Sembra molto intuitivo e semplice ma poi non riesco a capire... cavoli sono proprio stordito! ad esempio non riesco a capire come legare un link del top menu ad una pagina specifica.... ma qui credo che dovrò cominciare a studiarmi bene tutte le guide per l'utilizzo!
Credo sia rimasto solo il footer da sistemare, ma quello non credo sia un grosso problema.
Io ho provato a centrare le scritte tra l'albero di Dx e la siepe di sx e ci sono anche riuscito ma facendo un paciocco su tutto il resto! Credo di aver sbagliato la linea dove inserire il comando e quindi mi centrava tutto e non solo il footer hihi
Ora rimane una grossa rogna da sistemare per rendere il template accettabile.
Praticamente se non vengono pubblicati moduli nella colonna destra questa non si collassa per dare spazio ai contenuti.
Io il codice l'ho inserito ma il problema è che l'area dei contenuti è a larghezza fissa e quindi non cambia.
L'altro piccolo neo è che se non vengono pubblicati moduli nella posizione user2 anche questa dovrebbe sparire dando spazio ai contenuti. Però questa modifica è a discrezione, magari la vuoi lasciare così.
Come detto prima devo studiare per capire come pubblicare contenuti in una o in un altra posizione!
Il template l'ho chiamato jsquick_final ;D
Ciao
Semplicemente splendido!
-
Si, credo anche io che dovresti leggerti le guide base sull'uso di Joomla. La gestione dei menu e delle voci di menu è descritta molto meglio di come potrei fare io in pochi post.
Un mago? Non credo! ;D Pazienza? Moooolta!! (vedere firma ;)) Altrimenti non potrei appassionarmi a Joomla (e alla mia di morosa ;D ;D ;D)
Diciamo che avendo a che fare con una donna molto esigente mi sono immedesimato nella cosa, e poi il template era grazioso e meritava di entrare nella grande famiglia dei template per Joomla.
Anche quello che avevamo iniziato a modificare con ventus85 meritava ma forse questo ha avuto più fortuna perchè mi ha trovato più libero da impegni di lavoro.
Vediamo di risolvere le ultime magagne così poi lo rendiamo disponibile alla comunità.
Ciao
-
Finito (per quanto mi riguarda ;D)
Adesso se non ci sono moduli pubblicati nella colonna destra i contenuti prendono tutta l'area perchè la colonna destra si collassa.
Anche per la posizione user2 è la stessa cosa: se non ci sono moduli pubblicati la la posizione modulo non viene visualizzata.
Modificato l'aspetto del modulo dei sondaggi, dei form in generale, della tabella categoria.
Modificato anche il footer. In questo caso ho fatto un override del modulo nel template (cartella html/mod_footer) in modo da assegnare due classi (footer_r1 e footer_r2) di formattazione ai due container div che visualizzano il testo.
Il template si chiama jsquick_revenge ;D ;D ;D
Prima di proporlo nell'area download però dovresti farmi una cortesia. Io non sono molto bravo con la grafica ;) e bisogna cambiare il logo (mica posso lasciare il tuo!!).
Quindi potresti farne uno con gli stessi colori ma con scritto Jsquick Revenge? Grazieeee! ;D
[allegato eliminato da un amministratore]
-
Ancora una volta abbiamo la conferma di come la conversione non sia un processo semplice.. è lungo, costa fatica e non è semplice: infatti questo post forse è il più lungo e partecipato del forum ;D
-
Ciao ophtalmos.
Attenzione, chiariamo un concetto che forse è sfuggito. ;)
E' stato convertito un free css template (http://www.webpagedesign.com.au/category/free-templates/) in un template per joomla!.
Ovvero è stato preso un semplice template tableless formattato attraverso l'uso di un foglio di stile e convertito in un template per Joomla.
Quindi l'operazione è relativamente semplice visto che un css template è composto solo ed esclusivamente da codice html.
Partendo da un css template e fino ad un certo punto il processo è abbastanza semplice: trova i container div che dovranno contenere i moduli e i contenuti e sostituisci a quello che c'è dentro (in genere un testo di esempio) i codici di inclusione <jdoc:include> di Joomla.
E fino a quì niente di strano. E poi?
Poi bisogna formattare moduli e contenuti con le classi del foglio di stile, che sono una mareeeea!!
In genere si tende a copiare, in tutto o in parte, classi di altri fogli di stile e poi correggere/aggiungere le proprietà. Ma sono davvero tante e qualcuno può anche sfuggire.
Una volta realizzata la struttura del file index.php ho lavorato per il 99% del tempo solo sui fogli di stile.
Poi possono nascere esigenze del tipo "voglio far collassare la colonna destra quando non ci sono moduli pubblicati per dare più spazio ai contenuti".
E quì entra in gioco la conoscenza del php e di alcune funzioni di Joomla che tornano utili.
Per esempio per far collassare la posizione modulo user2 di questo template si usa il codice:
<?php if( $this->countModules('user2') ) {?>
<div class="calendar_box">
<div class="calendar_box_content">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
</div>
<? } ?>
Per chi conosce la sintassi del php è semplice leggerlo:
SE (ci sono moduli nella posizione user2) {
visualizza il codice che metto quì dentro
}
Quindi il processo di conversione non è solo complesso (non complicato) ma richiede, innegabilmente, delle conoscenze di html, css, php e funzioni joomla.
Fino ad oggi, aver studiato il codice di parecchi template mi ha aiutato tantissimo. E considera che le mie conoscenze di php non sono molto approfondite, giusto quello che serve per fare questi lavori. Quello che è fondamentale è conoscere l'(x)html e i fogli di stile, il resto viene studiando, provando e sbattendoci la testa. ;D ;D
Il problema è anche un altro: se dovessi spiegarlo scrivendo una guida ci vorrebbero pagine e pagine e non tutti hanno la pazienza (e l'interesse) di leggere tanto testo. Inoltre una guida non riesce ad analizzare tutte le possibili varianti e problemi che si incotrano nel processo di conversione; e credimi sono tante.
In realtà l'avevo anche iniziata a scrivere, ma quando bisogna affrontare il discorso classi di stile per Joomla... mi sono perso (d'animo). PIù facile a farsi che a dirsi ;D ;D
-
Finito (per quanto mi riguarda ;D)
Perfetto ora tocca a noi studiare per benino! nel caso faremo ancora qualche domandina! 8)
Adesso se non ci sono moduli pubblicati nella colonna destra i contenuti prendono tutta l'area perchè la colonna destra si collassa.
Anche per la posizione user2 è la stessa cosa: se non ci sono moduli pubblicati la la posizione modulo non viene visualizzata.
Modificato l'aspetto del modulo dei sondaggi, dei form in generale, della tabella categoria.
Modificato anche il footer. In questo caso ho fatto un override del modulo nel template (cartella html/mod_footer) in modo da assegnare due classi (footer_r1 e footer_r2) di formattazione ai due container div che visualizzano il testo.
Eeee llll'ho detto che sei un mago!
Prima di proporlo nell'area download però dovresti farmi una cortesia. Io non sono molto bravo con la grafica ;) e bisogna cambiare il logo (mica posso lasciare il tuo!!).
Quindi potresti farne uno con gli stessi colori ma con scritto Jsquick Revenge? Grazieeee! ;D
Fatto! Solo che l'immagine non è più gif ma png (si vede meglio!) quindi abbiamo cambiato l'estensione sia all'interno del style.css che nel templateDetails.xml
abbiamo anche tolto la favicon del mapo e sostituita con quella della testolina del pappagallo!
Te lo riallego. verifica prima se funziona tutto dopo i miei paciocchi!
GRAZIEEEEEEE
[allegato eliminato da un amministratore]
-
La tua favicon mi piace di più quindi lascerò quella. Adesso impacchetto il tutto e poi la pubblico tra i template sul sito di joomla.it. Ribadisco di non essere un mago, solo uno che ha un pò studiato.
Certo si può ancora migliorare ma ci vuole tempo anche x studiare e x me joomla è una passione non un lavoro. Il mio lavoro, anche se nel campo dell'informatica, è un'altro.
Vediamo se dopo questa esperienza riesco almeno a tracciare delle linee guida x realizzare queste trasformazioni da css template a joomla template. La vedo dura comunque,
Chi volesse contribuire è il benvenuto :-)
Ora mi raccomando studia. Il materiale di riferimento c'è, nelle guide sul nostro sito, nel forum e in rete.
Ciao
-
La tua favicon mi piace di più quindi lascerò quella.
mmm... se intendi quella con il mapo preferiremmo che la sostituissi con quella del pappagallo o se vuoi ne possiamo fare un altra ma il mapo è il logo dello studio di martina!
-
Abbiamo fatto anche quella con la freccina verde che c'è nella testata del template! Guarda se ti piace?
[allegato eliminato da un amministratore]
-
Ok, ho lasciato la favincon con il pappagallo e cambiato il logo.
Nella versione che pubblicherò tra i template di Joomla.it ho aggiunto un parametro per modificare l'immagine a sinistra nell'header: o la freccia o il pappagallo (che è molto grazioso).
Vediamo se riesco a pubblicare sto template
-
Template pubblicato (http://www.joomla.it/template/elenco-template/4545-jsquickrevenge.html) nel calderone!
-
Ottimo lavoro!
E grazie...
-
Per inciso, ho riesumato la guida alla conversione di css template e fatto qualche modifica. Sto usando un altro template, più semplice di questo per spiegare i passaggi.
Ovviamente mi sono fermato proprio alla parte dove bisogna creare le classi del foglio di stile per gli elementi di Joomla (moduli e contenuti).
Mi sa che ci vorrà un pò per completarlo ;)
-
Per inciso, ho riesumato la guida alla conversione di css template e fatto qualche modifica. Sto usando un altro template, più semplice di questo per spiegare i passaggi.
Ovviamente mi sono fermato proprio alla parte dove bisogna creare le classi del foglio di stile per gli elementi di Joomla (moduli e contenuti).
Mi sa che ci vorrà un pò per completarlo ;)
Se hai bisogno di consigli sai dove trovarci. ;)
-
Siete stati tutti splendidi e vi ringrazio anche a nome di martina che è contentissima!
Ora cerchiamo di sistemare tutte le categorie ed i menu'... iniziate a preoccuparvi che non mancheranno le nostre richieste d'aiuto! 8)
bigham: ti dobbiamo una cena ;)
-
Siete stati tutti splendidi e vi ringrazio anche a nome di martina che è contentissima!
Ora cerchiamo di sistemare tutte le categorie ed i menu'... iniziate a preoccuparvi che non mancheranno le nostre richieste d'aiuto! 8)
Prego! non c'è di che! ;D
Mi raccomando, ogni richiesta di aiuto... apertura di un thread.
Non ti accodare a questo perchè la soluzione ai tuoi problemi possa essere di utilità a tutti gli utenti.
E prima di postare verifica che non ci sia già la soluzione al problema. In ogni caso cerca di essere preciso sin dall'oggetto del primo post.
bigham: ti dobbiamo una cena ;)
Essendo il sottoscritto una buona forchetta rischi di metterti nei guai ;D Mi accontento di una birrozza, una pinta o due di Guinnes posso bastare ;D ;D ;D ;D
Ho postato un commento sul sito del creatore del template originale indicandogli il link del suo template adattato per Joomla, sembra che sia contento. ;D ;D
-
Complimenti bigham :)
-
Complimenti per il nuovo template(jsquick_revenge) Bigham, credo cmq che dal codice dell'index php:
<div class="left_content">
<?php if( $this->countModules('user2') ) {?>
<div class="calendar_box">
<div class="calendar_box_content">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
</div>
<? } ?>
<!-- Se non ci sono moduli pubblicati nella colonna destra
formatta l'area dei contenuti con la classe wide_content
per dare maggiore spazio
-->
<?php if( $this->countModules('right') ) {?>
<div class="news_left">
<?} else { ?>
<div class="wide_content">
<? } ?>io ho qulche problema, infatti non visualizzo la pagina e mi esce l'errore"unexpected end php", eliminando le 2 parentesi graffe,in countModules user2 e right, l'errore non c'è più, la pagina è visibile, il right non si vede nella posizione giusta, ma a sinistra,sotto il left, da che dipende ?grazie e saluti
-
Ciao ophtalmos
Che versione di php stai usando? In locale o su server remoto?
E' strano perchè la sintassi è quella: racchiudere tra due parentesi graffe il codice da eseguire se la condizione IF è vera.
Prova invece a rimetterle e a sostituire
<? } ?>con
<?php } ?>e dimmi se funziona
-
tutto ok,dovevo cambiare in php.ini impostando
short_open_tag =on l'avevo capito, l'avevo fatto ma stupidamente non avevo fatto il refresh del server e perciò non sapevo dove sbattere la testa,scusami per la cavolata, ma forse questo può servire anche agli altri, stare sempre attenti a riavviare il server dopo modifiche
ciao e grazie
-
Mi era venuto il dubbio ;D
Infatti ti avevo chiesto di cambiare il tag di apertura del blocco codice php da <? a <?php.
Non ti preoccupare, capita a tutti di non fare il refresh... del cervello! ;D ;D