Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : daniel77 27 Feb 2011, 03:25:25
-
Buonanotte a tutti :) ... allora, chi mi dice come far stare un nuovo modulo dove piace a me e non dove piace a lui?... :)
Grazie
-
I moduli vanno nelle posizioni, le posizioni sono nel template, se non ti piacciono le modifichi o ne fai di nuove, sul come consulta le guide.
-
Ciao tom, la nuova posizione modulo l'ho creata e posizionata nel template, solo che la guida del wiki non dice come posizionarla esattamente dove si vuole, o perlomeno, se lo dice io non ho capito come fare...
Se visualizzi la mia ho vedrai in alto a tutto un nuovo modulo che ho chiamo login, solo che l'allineamento di questo modulo non è quello che vorrei in quanto io vorrei che si allineasse con tutto il resto, invece adesso se ne sta per fatti suoi all'estrema destra della pagina, quindi suppongo di dover formattare il modulo dandogli dei margini o qualcosa del genere, ma non so quali...
-
Lo hai inserito nell'head, invece devi inserirlo fra gli altri div ove vuoi che sia affiancato, poi modifichi il css per fargli spazio.
-
Io lo voglio inserire al di fuori della pagina, sopra a tutto, praticamente dove è ora, solo che dovrebbe allinearsi con il resto della pagina e non stare tutto a dx o a sx ....
Se imposto un margine secondo te va bene?
-
E'' l'unico modo, però io lo toglierei dall'header.
-
perchè non crei una regola con width e margin:auto, così:
span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)
margin:auto;
}
-
perchè non crei una regola con width e margin:auto, così:
span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)
margin:auto;
}
Scusa ophtalmos, ma questa regola la inserisco in template.css in una posizione a caso?
-
si e magari subito sopra sarebbe buon comportamento aggiungere un commento tra simboli" /*" e "*/"
per es, alla fine delle regole esistenti, dopo l'ultima regola scrivi così
/* regole fatte da me */
span.niftydefault
{ width:993; <-- o quanto vuoi tu(vedi con firebug)
margin:auto;
}
così le tue regole nel file.css le rintracci subito e col commento che ti da dei raggugli sul loro significato
-
Adesso l'ho spostato di nuovo, cmq provo a inserire quelle righe di codice, così vedo se il risultato è quello che cerco :) .. ad ogni modo mi hai appena fatto capire una cosa, e cioè che le regole riguardanti i moduli o anche i div suppongo, possono essere messe in qualsiasi punto del css, non lo sapevo, adesso che lo so risparmierò molto tempo :) .... grazie :)
-
Di niente, figurati ;)
le regole riguardanti i moduli o anche i div
i moduli tu li metti sempre in un <div>modulo</div> e te lo gestisci (sempre nell'ambito del div padre) grazie alla formattazione con le regole css di riferimento al <div>modulo</div> in cui sono posti.
Buon lavoro
-
... Grazie :) ... , comunque in qualche modo son riuscito ad allineare il modulo alla pagina, il che è già un grandissimo passo in avanti... però vorrei che venisse visualizzato sulla destra e non a sinistra come è adesso..
Provando ad inserire la regola di cui mi dicevi, l'allineamento non sortisce nessun effeto, forse sbaglio a scrivere qualcosa o magari.. boh!! comunque, per farlo allineare ho inserito weight: 992px; margin: auto; nella formattazione del nuovo_div
Se provo a modificare il margine mi ritorna tutto come prima...
Quindi diciamo che ci siamo quasi, adesso dovrei solo visualizzare il tutto a destra.. ma sono di nuovo ad un punto morto..
-
Benissimo, a quanto pare cel'ho fatta anche a metterlo a dx, il problema però è che per farlo ho impostato il margine: 0 0 0 840px; e questa cosa non mi convince molto, in quanto potrebbero esserci problemi di visualizzazione con monitor, browser o risoluzioni diverse dalla mia, giusto?
-
Metti
float: right;
-
Non funziona, mi riporta tutto a dx e mi scombina anche l'header... lascio un per un paoi d'ore il risultato del float: right, così in caso ti colleghi puoi vedere tu stesso cosa succede...
-
prova a cambiare così, vedi se ti piace
#nuovo_div {
margin: auto;
padding-left: 59%;
}
-
ecco si, così sembra andar decisamente meglio, è lo stesso risultato ottenuto mettendo width:330px margin 0 0 0 885; ma con una riga di codice in meno, credo che così possa andare, grazie per il prezioso aiuto :)