[RISOLTO]template modificato problema con l'output dei componenti

[giorgia_74]

Salve a tutti, premetto che sono una principiante, però ho costruito un sito da zero con joomla 1.5.12 legacy mode 1.0 per una ditta che fa grossi impianti di condizionamento, non ho avuto praticamente nessun problema a modificare un template già esistente (dj-business004) tranne che per un particolare: l'output delle estensioni (componenti aggiuntivi : choronoforms, jdownloads, oziogallery, mofpeoshow) ha uno stile css in cui non riesco a modificare i margini. Qualcuno sa darmi qualche indicazione? Grazie



giorgia

[ariess]

benvenuta giorgia_74,

scusa se mi impiccio, ma per chè lo hai fatto con la 1.5.12 quando c'è la 1.5.15?? se mi permetti un consiglio aggiorna quanto prima.

riguardo al tuo problema prova ad aggiungere questo nel file template.css alla riga 36 nella sezione mainbody_b:

padding:13px;

[giorgia_74]

Ciao Grazie della celere risposta, l'ho fatto con la 1.5.12 perchè ho iniziato a farlo questa estate e poi non ero sicura che con l'aggiornamento tutto filasse liscio quindi ho aspettato... ho provato ad aggingere padding: 13px come hai detto tu, ma adesso lo sfondo appare tutto squadrettato... !?! non credo nasca lì il problema, quella sezione l'ho creata io con la stessa logica dei moduli, il mainbody prima era unico, io sono andata nel template.html ho creato le tre posizioni, poi ho pubblicatole tre immagini corrispondenti e le ho pubblicate nella cartella images del  template, il problema dei margini si ricontra solo con i componenti aggiuntivi, nel resto dei contenuti no...

[giorgia_74]

Ho provato con gli override seguendo le indicazioni di questo link

http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html

ma ho qualche difficoltà a trovare i file giusti da modificare soprattutto perchè i componenti non utilizzano tutti gli stessi percorsi , non tutti hanno una cartelle tmp o wiev ... e non tutti hanno all'interno un file css, mi trovo in seria difficoltà
Grazie ancora

Giorgia

[ariess]

il problema non riguarda solo i componenti come dici...
se ci fai caso anche negli articoli il bordo inferiore si sovrappone all'ultima riga...
andiamo per tentativi...
prova a mettere lo stesso padding nell elemento contentpane riga 299 di template.css

[giorgia_74]

la riga 299 adesso è così

.contentpane {width:95%; padding-left: 10px; padding-right: 10px; }


dovrei mettrere padding-left: 13px; padding-right: 13px; ?

ci provo....

mi potresti spiegre che differenzxa c'è tra padding e margin? ossia cosa cambia visivamente quando vado a modificare rispettivamente l'uno o l'altro paramentro?

[ariess]

dovresti mettere così


.contentpane {width:95%; padding:13px; }

il margin crea un margine dal bordo del box verso l'esterno, il padding lo fa all'interno

[bolina]

in template.css, riga 36

Codice: [Seleziona]

#mainbody_b {

background:transparent url(../images/sfondo_b.gif) no-repeat scroll center bottom;
}

aggiungi:

Codice: [Seleziona]

padding-left:12px;
padding-right:12px;
prima di }

al posto di 12px puoi mettere una grandezza che vuoi tu, anche minore o maggiore, a gusto.

ale

[ariess]

riguardo al tuo problema prova ad aggiungere questo nel file template.css alla riga 36 nella sezione mainbody_b:

padding:13px;

sei arrivato tardi bolina, già fatta quella prova 

[bolina]

sei arrivato tardi bolina, già fatta quella prova 

lol, scusa non avevo collegato.

cmq. a me funza, almeno su firefox

ale

[ariess]

anche a me funziona su firebug, ma aspettiamo il responso di giorgia...
ciao ale 

[giorgia_74]

Buonasera :-)

ho riprovato a farfe ciò che mi avete consigliato

e adesso la riga 36 è così

#mainbody_b {background:transparent url(../images/sfondo_b.gif) padding-right:12px; padding-left:12px; bottom center no-repeat;}

solo che il vcentro rimane tagliato in fondo , io invece avevo creato un immagine con una sfumatura che chiudesse tutto perbenino... e poi i margini si "aggiustano" solo da un lato....

[ariess]

guarda qui giorgia

dovresti mettere così


.contentpane {width:95%; padding:13px; }

il margin crea un margine dal bordo del box verso l'esterno, il padding lo fa all'interno

togli il padding da #mainbody_b e prova in quest'altro modo

[giorgia_74]

fatto... ma a prima vista  non sembra cambiato nulla....

[ariess]

nei componenti non è cambiato nulla ma negli articoli si 

ora prova a mettere padding:13px; in #mainbody_t alla riga 35

[giorgia_74]

.... fatto, ed è sparito il bordino sopra (come prima era sparito sotto)

[ariess]

non riesco a capire come hai creato le posizioni
potresti zippare l'index.php e template.css?

[giorgia_74]

ehm... perdona la mia ignoranza... zippare e mettere dove? (istruzioni per l'uso)

magari ti è utile sapere che ho creato le posizioni modificando il template.html in questo modo:

<?php } else if (stristr($item,'content')) {?>
      <div id="content" class="<?php echo $className; ?>">
               <div id="mainbody" class="clearfix"><div id="mainbody_in" class="clearfix"><div id="mainbody_t" class="clearfix"><div id="mainbody_b" class="clearfix">
<jdoc:include type="message" /><jdoc:include type="component" style="html"/></div>
      </div></div></div></div>

è solo un pezzettino...

[ariess]

nel template.html???

ma che template stai usando?

[giorgia_74]

Nel template.htmal (direttamente dall'amministrazione) ho creato le posizioni e nel template.css ho aggiunto lo stile, ovviamente prima ho creato le tre immagini per lo sfondo e le ho pubblicate via ftp nella cartella images del template... il templated'origine è dj-business004  ma l'ho abbastanza stravolto....

[ariess]

rileggendo meglio i post credo di aver capito l'errore

e adesso la riga 36 è così

#mainbody_b {background:transparent url(../images/sfondo_b.gif) padding-right:12px; padding-left:12px; bottom center no-repeat;}

non dovrebbe essere così ma cosà:

Codice: [Seleziona]

#mainbody_b {
background:transparent url(../images/sfondo_b.gif) bottom center no-repeat;
padding:12px;
}

[giorgia_74]

Fantastico!!!!!! ci ctredi che sono più di 15 giorni che impzzisco con questa storia dei margini? sono pue andata a modificare i singoli folgi di stile nelle varie cartelle dei compnenti in questione!!!! Grazie Grazie grazie !!!!!

Onde evitare di ripetere l'errore nel prossimo template che dovessi modificare (anche se vorrei per il prossimo sito provare a farneuno tutto d sola ) potresti spiegarmi la logica del tuo ragionamento? (o la non-logica del mio errore) al di là dell'errore nel scrivere la riga ( ho capito male o la cosa che scrivi per ultima è la più specifica?) dovrebbero essere l'abc queste cose ma io sono partita da un processo inverso, ho molta memoria fotorafica, prima usavo solo html, il php è nuovo per me e jooomla mi ha aperto nuovi orizzonti.. (per essere il secondo sito fatto con joomla sono stata brava?!)

devo mettere risolto nel testo dell'oggetto?

Ciaoooooooooo

Grazie ancora

[ariess]

direi che sei stata molto brava, considerando che ti sei rivolta al forum molto poco!! se tutti facessero come te qui si chiuderebbe!!

in quanto all'errore, non era un problema di logica, ma di sintassi, e la prima volta che l'ho letto non ci avevo fatto caso...
praticamente con questa sintassi il padding viene dato all'immagine di sfondo

Codice: [Seleziona]

#mainbody_b {background:transparent url(../images/sfondo_b.gif) padding-right:12px; padding-left:12px; bottom center no-repeat;}

mentre con questa si da il padding al contenuto del div

Codice: [Seleziona]

#mainbody_b {
background:transparent url(../images/sfondo_b.gif) bottom center no-repeat;
padding:12px;
}
felice di esserti stato d'aiuto 
alla prossima!

[giorgia_74]

hehehe grazie ancora!!! Il sito non è finito , mancano un paio di cosette, mi sa che mi vedrai in giro in qualche altra sezione del forum (tipo "gestione utenti" :-)....

Buoan serata!

Giorgia