Carneade!! Costruzione template, errore...

[cliosuper]

Salve a tutti! Ho istallato sul mio sito la nuova versione di Joomla e ho scaricato una guida per la costruzione di un template "guida_ai_template_joomla15"...

Ho seguito tutta la guida e subito all'inizio mi trovo davanti ad un problema!

Ovvero dopo aver creato la cartella del mio nuovo template nel mio ft httpdocs/templates/test...

dentro la cartella test ho messo altre due cartelle css e images, poi ho fatto il file php, templateDetails.xml e messo dentro css il template.css....

Ma nella mia admin compare però se ci clicco mi da questi errori:
XML Parsing Error at 54:14. Error 76: Mismatched tag
XML Parsing Error at 54:14. Error 76: Mismatched tag

Ho aggiunto il mio template test zippato con tutto quello che ho fatto ora cosi magari qualcuno che ha un bel pò più esperienza di me potrebbe aiutarmi a capire dove ho sbagliato 

Oppure questi errori sono presenti solo perchè è incompleto...?

Grazie in anticipo!


[allegato eliminato da un amministratore]

[gagarin77]

Il problema risiede nel file XML alla riga 51
originale
<param name="showComponent" type="radio" default="1" label="Show Component" description="Show/Hide the component output" />

corretto
<param name="showComponent" type="radio" default="1" label="Show Component" description="Show/Hide the component output" >

[= odino =]

Già, e dopo chiudi il parametro 

[cliosuper]

Ok grazie mille!!! Molto gentili!

Volevo sapere un'altra cosa questa guida è una guida base da quello che ho capito...

Ma ho sentito dire che non si creano più template con le tabelle cosi...quindi volevo sapere ma cè per caso una guida molto più approfondita per fare un buon template, non un template di base?

Oppure va già molto bene la guida che sto usando io?

[gagarin77]

Quella è una guida molto completa

Sicuramente la piu' completa in italiano...
poi non mi sembra che usi le tabella ma utilizzi unicamente

i <div>

[cliosuper]

Infatti la stessa cosa che avevo detto io! Però è sbagliato nel css mettere la larghezza hai vari parametri? Dico cosi perchè mi ha detto un mio amico che non andava bene cosi..

Un utlima cosa e non rompo più

Una volta fatto lo scheletro e inserito i vari moduli il testo mi usciva dalle vari colonne e nella guida dice di fare cosi:

Eliminare la proprietà height e impostando le ul per la colonna di sinistra (#colonnasinistra ul{list-style-type: none;})

Però volevo sapere una cosa io, la proprietà height va levata solo alla colonna di sinistra nel css? e quella nuova stringa che cita la guida va messa al posto della già esistente #colonnasinistra, oppure aggiunta semplicemente in fondo al foglio di stile dopo #footer?

[gagarin77]

Nei template che ho creato io ho sempre messo la larghezza
fissa delle colonne a sinistra e destra, sfruttando pero' (come indicato nella guida)

la possibilita di creare delle zone collassabili.
Come avrai letto praticamente la zona centrale puo' occupare tutto il template solo la parte centrale (con le due colonne) o una parte piu' una colonna.

se hai  dubbi per i css ti consiglio questo sito:
http://css.html.it/

[cliosuper]

Ok grazie molto gentile per ora diciamo che procede abbastanza bene...non riesco però a rimediare questo errore di impaginazione...

www.alessiosalati.it

 

[gagarin77]

Ciao
Ho avuto troppo fretta nel rispondere  e ho interpretato male la cosa..

le altezze giustamente non devi aggiungerle (in quanto dipendono dal contenuto)

per ul è da aggiungere alla tua div(colonnasinistra)

 #colonnasinistra ul{
list-style-type: none;
}

[gagarin77]

Ciao
Ho avuto troppo fretta nel rispondere  e ho interpretato male la cosa..

le altezze giustamente non devi aggiungerle (in quanto dipendono dal contenuto)

per ul è da aggiungere alla tua div(colonnasinistra)

 #colonnasinistra ul{
list-style-type: none;
}

p.s
ricordati di togliere l'altezza anche alle altre colonne destra e sinistra.
ul serve solo per creare un elenco no ordinato

[cliosuper]

Infatti appena ho levato le altezze nei contenuti è venuto perfetto! 

Ora però non ho capito la ul la metto nel css del template o nel index php?

Io avevo capito nel css del template però non ho capito bene in che posizione perchè per quanto riguarda la colonna di sinistra nel css mi trovo cosi:

#colonnasinistra {
color: #333;
border: 1px solid #892105;
margin: 0px 5px 5px 0px;
padding: 10px;
width: 195px;
float: left;
}

e non riesco a capire se va messo dentro li oppure dopo ovvero cosi:
#colonnasinistra {
color: #333;
border: 1px solid #892105;
margin: 0px 5px 5px 0px;
padding: 10px;
width: 195px;
float: left;
}
#colonnasinistra ul{
list-style-type: none;
}

Comunque grazie tante ancora!

[gagarin77]

nel file css
ul è(puo essere) una caratteristica della tua classe/id

nell'esempio colonna di sinistra

ul si occupa caratterizzare le liste
ad esempio h3 dei titoli he

quindi tu hai

#esempio{
ont-family: Arial;
   font-size: 14px;
   font-style: normal;
   font-weight: normal;
}
definendo quindi il colore e il font size-weight ecc per i
titoli H3 della div esempio

ho ancora:
#user2 a:link {
   color: #656565;
   font-family: Arial;
   font-size: 14px;
   }
 definisci le caratteristiche colore font ecc dell'elemento link

della div user.


nel file index.php devi solo costruire lo sceletro usando i
div

e poi definirne le caratteristiche con i CSS

[cliosuper]

Ah ok grazie ho capito! ora sto facendo il menu seguendo la guida ma sono incappato in un errore di sicuro perchè mi viene cosi il menu:

www.alessiosalati.it

 

[gagarin77]

se ti riferisci al punto vicino alle immagini è perchè ti manca


#colonnasinistra ul{
   list-style-type: none;

}

cosi indichi al tuo browser di non volere l'elenco ordinato e ti toglie il punto...

[cliosuper]

Si si quello lo avevo notato e infatti ho tolto subito il punto...ma diciamo che il problema non è quello ovvero il menu non proprio centrato bene e quando passo il mouse sopra i bottoni alcune parole spariscono, e ho notato che ci sono alcuni bottoni dove il background non è stato preso...

[gagarin77]

1 ) per la centratura del menu

aggiungi padding-left: xxpx; dove xx e la distanza dal bordo esterno (esempio 5px)

#colonnasinistra ul{
   list-style-type: none;
   padding-left: 5px;

}

2) per i testi ch spariscono ... io per vedere il tuo sito usa firefox e i testi li vedo l'unica cosa è che vanno a capo quando vi si passa sopra con il mouse


questo perchè  hai una differenza nel padding tra quando il link è

selezionato e visitato (a:link e a:visited)
rispetto a quando è solo selezionato a:hover

#colonnasinistra li a:link, #menu11 li a:visited {

color: #889944;

display: block;

background: url(http://www.alessiosalati.it/templates/test/images/menu11.gif);

padding: 8px 0 0 25px;

}

#colonnasinistra li a:hover {

color: #889944;

background: url(http://www.alessiosalati.it/templates/test/images/menu11.gif) 0 -32px;

padding: 8px 0 0 27px;

}

3) backand non mi è chiaro cosa ti manca...
se è riferito ai link del modulo login è perchè il loro stile devi ancora settarlo (nella guida che stai seguendo è illustrato bene)

[cliosuper]

Si guarda se vedi ora con firefox è messo bene il menu e non va piu a capo se ci passi sopra, anche se due voci di menu rimangono senza background...

Il problema è che se te lo visualizzi con explorer è un disastro!!!

Cioè non cè modo di farlo vedere bene anche con explorer?!

[gagarin77]

Il problema è che IE 7 intepreta le proprieta margin e padding a modo suo...

vi sono diversi trucchi alcuni riguardano dei commenti particolari bnei fogli CSS che vengono letti solo da alcuni broswer
io ho adottato la seguente  soluzione (quella che io ho trovato piu' semplice)

è di creare due CSS uno template (Firefox) l'altro dedicato a IE 7

inserendo poi nel tuo file index.php queste istruzioni puoi sapere con che browser si collega l'utente

assegni alla variabile $template il nome del template

template = firefox
temp_IE 7 = IE 7

di seguito il codice da inserire ...


if (strstr($_SERVER['HTTP_USER_AGENT'],"IE 7")){
  preg_match("|Safari[/ ]*([0-9.]+)|", $_SERVER['HTTP_USER_AGENT'], $version);
  $template="temp_IE7.css";
 }
else{
$template="template.css";
}
?>




<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $template ?>" type="text/css" />




la riga <lin rel= eccc deve sostituirla con quella già esistente

P.s fai prima una copia del tuo file originale

[cliosuper]

Ok grazie solo una cosa...il css IE è uguale a quello che ho fatto ora?! oppure devo cambiare alcune cose per farlo leggere a IE?

[gagarin77]

ciao
per prima cosa naturalmente il nome deve essere quello inserito

fai una copia di quello che usi adesso lo rinomini
in
temp_IE7.css

poi devi lavorare sui padding e margin della colonna sinistra (e anche le altre)

finchè le due visualizzazione non siano uguali...