Modificare la posizione dei moduli

[Solimyr]

Ciao a tutti,
sono nuovo in Joomla! ed ho appena finito di leggere il libro di Hagen Graf che si chiama "Joomla 17! Beginners Guide". Ovviamente per imparare più velocemente e prendere un po' di dimestichezza, sto provando a modificare un template. Il template che sto provando a modificare è questo:

http://www.bestofjoomla.com/index2.php?option=com_bestoftemplate&task=demo&no_html=1&id=3498

Quello che interessa a me è cambiare la dimensione dello spazio riservato ai vari moduli come ad esempio lo spazio dedicato al logo,al menu e cose così. Girando tra le cartelle e file del template ho trovato un file di nome main.css. E' all'interno della seguente cartella:

...\xampp\htdocs\nomesito\templates\joomspirit_18\css

All''interno di questo file ho trovato:



...
/*****************************************
        SITE
******************************************/
body {
padding: 0;
margin: 0;
text-align:center;
background: #fff url(../images/background.jpg) -40px 0 repeat-x;
}
#wrapper {
position:relative;
width:960px;
text-align:left;
margin:0 auto 0 auto;
}
/**        HEADER        **/
#header {
position:relative;
height:165px;
width:100%;
z-index:100;
}
#logo {
text-align:center;
height:100px;
overflow:hidden;
}
a #logo {
outline:none;
}
#nav_main {
position:absolute;
top:104px;
left:10%;
width:80%;
height:40px;
border-top: 1px solid #666;
}
#top {
position:relative;
width:auto;
min-height:190px;
height:auto !important;
height:190px;
margin-bottom:20px;
z-index:1;
}
...


La mia domanda è: se cambio i parametri relativi alla dimensione cambiano i parametri all'interno del template oppure devo fare altre modifiche, o fare così non serve a niente?
Inoltre, se cambio l'altezza dello spazio dedicato al primo modulo (che in questo caso si chiama 'logo') gli altri sotto si spostano in basso di conseguenza oppure c'è il rischio che si sovrappongono?

Probabilmente sono domande stupide e mi scuso in anticipo.

Solimyr

[HC]

Non conosco la struttura del template e al momento non l'ho analizzata, ma cercherò di farti capire nella maniera più semplice possibile come funziona: se allarghi un div posto in alto, la struttura in basso 'teoricamente' scende. Se il Div in alto è annidato all'interno di altri div puoi anche incorrere nella possibilità che i contenuti non siano correttamente visibili, proprio perchè scavalcherebbero la misura imposta dai div "padri".

Se allarghi la colonna a sinistra, rischi di far "esplodere" i contenuti per lo stesso motivo di cui sopra; di solito gli viene affidata una determinata misura in pixel per mantenerli ben centrati nella pagina e visibili sulla maggior parte dei dispositivi. Quindi se allarghi da una parte è buona regola stringere dall'altra dello stesso numero di pixel, in modo da tenere sempre organizzati al meglio i vari contenuti.

C'è poi la possibilità di nascondere il contenuto che "esce fuori" dalla gabbia attraverso delle semplici regole css, ma è utile solo nei casi in cui non sia tu stesso a pubblicare contenuti o questioni puramente grafiche (altre utilità al momento non mi vengono XD).

[Fabrizio Fiorita]

Ciao Solymir.
Posso darti solo un consiglio: fai una copia dei tuoi fogli css al di fuori della cartella di Joomla (sarebbe opportuno avere una copia integrale di tutta la cartella del template).
Poi comincia a provare tranquillamente tutte le variazioni che desideri.
Se succede qualcosa di strano cerca di capire il perché ed apporta i correttivi che ritieni necessari.
Se trovi una soluzione che ti aggrada, prima di renderla definitiva vai a vedere diversi tipi di pagine del tuo sito per essere certo che tutto funzioni.
Se hai fatto troppo casino copia la pagina css originale e sostituisci quella che hai modificato.
Quando deciderai che il tuo template ti piace fai una copia dei fogli css che hai cambiato e mettili nella cartella di salvataggio: prima magari cambia il nome agli originali, così non perdi nulla. Ad esempio, se hai cambiato il foglio miostile.css, rinomina quello originale in miostile_orig.css e copiagli vicino il tuo modificato.
Provare - in sicurezza - è l'unico modo per imparare.
Fammi sapere.
Fabrizio