modifica posizione e layout moduli

umbertos

modifica posizione e layout moduli

Buongiorno,
stiamo parlando del sito ciao-toscana.it nel quale desidero modificare 2 cose:

spostare più in basso di 30px i menu sulla sinistra,
cambiare il colore di sfondo e levare il frame al modulo che contiene il pulsante "catalogo programmi"

Ho provato ad individuare gli script con "Bugsearch" ma una volta fatte le modifiche nel foglio CSS del template, non succede niente. Porbabilmente (sicuramente) sbaglio gli script o li mette nel posto sbagliato. Potete aiutarmi please?

Grazie e buona giornata

karedas

Ciao umbertos,

Ecco il punto da modificare:

Menù:


Riga 836 del file template.css
.art-vmenublock {
    margin: 7px;


}

```con

.art-vmenublock {
margin: 30px 7px 0;

}


Non so perchè sia stata attuata una soluzione del genere, a mio parere complessa, ma nel codice c'è il seguente:

[html]<div class="art-block">
            <div class="art-block-tl"></div>
            <div class="art-block-tr"></div>
            <div class="art-block-bl"></div>
            <div class="art-block-br"></div>
            <div class="art-block-tc"></div>
            <div class="art-block-bc"></div>
            <div class="art-block-cl"></div>
            <div class="art-block-cr"></div>
            <div class="art-block-cc"></div>
            <div class="art-block-body">

...
[/html]Ognuno di questi div è impostato nel css in modo che abbia un'immagine di sfondo (e che determina bordi stondati ed altri particolari della pagina).
In particolare "**art-sheet-cc**" che ha anche il colore di background.

Basterebbe cambiarli e modificarli (comprese delle immagini linkate).

umbertos

Ciao karedas e grazie della risposta, ho cercato lo script che mi hai inviato, ma non l'ho trovato uguale, l'unico che mi pare essere adatto è quello che ti riporto di seguito, ed ho modificato come vedi........non è successo nulla.
Premetto che sia per questa ricerca sono andato in Joomla/gestione template/modifica CSS/template css

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
position: relative;
z-index: 0;
margin: 30px 7px;
min-width: 3px;
min-height: 3px;
}

per quanto riguarda le modifiche al modulo in posizione bottom, ecco gli script che secondo me lo riguardano, anche in questo caso non ho trovato precisamente quello che mi hai indicato e, in gni caso, cosa dovrei cambiare?

</div>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<jdoc:include type="modules" name="user3" />

Grazie dell'aiuto

karedas

Quello che devi cambiare sono i file css.
Nel caso sopracitato il file si trova in questa posizione:

ciao-toscana.it/templates/ciaotoscana4ter/css/template.css

Riguardo allo sfondo, quei div che ti ho elencato prima della chiamata al modulo "joomla!" (<jdoc:include type="modules" name="user3" />) devi o eliminarli o sostituire per ognuno di loro le regole attribuite.

Ognuno di loro infatti ha una classe che a sua volta è citata nel foglio di stile del template. (es. ".art-sheet"). Ricorda solo che le classi nel css si presentato con il nome preceduto dal punto.

Ad ognuna di loro c'è un valore come ad esempio "background: url(path/nomeimmagine.gif) top left no-repeat".

Questo identifica l'immagine che si posizionerà come sfondo dell'oggetto "div" analogo.

Devi quindi o sostituire l'immagine o rimuovere il valore.
Ancora meglio secondo me sarebbe proprio eliminare quel blocco di div con classe "art-..." e lavorare diversamente sullo sfondo (ad esempio sull'elemento body e sul contenitore generale del contenuto del sito).

La cosa si fa un pò complessa spiegandola qui, ti chiederai quindi intanto di provare a capire se con queste indicazioni ci siamo fatti comprendere

umbertos

Ciao karedas, francamente credo di essere andato nella sezione giusta nella quale ho modificato come vedi sotto gli script, ma i menu sono rimasti al loro posto.
/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
position: relative;
z-index: 0;
margin: 30px 7px;
min-width: 3px;
min-height: 3px;
}
Per quanto riguarda il modulo con tutta la serie dei >div class....
non ci ho capito nulla. Abbi pazienza (so che chiedo tanto) ma non riesco a capire (nel foglio HTML) quale script devo modificare ed eventualmente come farlo, per eliminare la cornice e lo sfondo giallo, ma solo in quel modulo.
Grazie, alla prossima.