Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : mc45la 14 Jul 2012, 11:06:23
-
Buongiorno a tutti, ho necessità di effettuare le seguenti modifiche al template del sito www.lisolachenoncemc.eu (http://www.lisolachenoncemc.eu) e di cui allego l'immagine.
1- Ridurre la banda nera superione fino alla linea blu;
2- Limitare la parte bianca centrale tra le due linee blue;
3- Di conseguenza portare in alto la parte grigia inferiore (insieme al menu laterale) fino alla riga blu inferiore.
Grazie in anticipo.
[allegato eliminato da un amministratore essendo vecchio più di un anno]
-
Semplicissimo.
Devi andare nel foglio css del template in oggetto e modificare le altezze ( height) dei DIV della zona nera e della bianca.
Dovrai anche controllare il margin-top del logo, perchè senz'altro è legato a queste dimensioni.
E' solo un lavoro di pazienza...ma con dovuta calma farai tutto..
Sappimi dire,
ciao.
Marco
;) ;) ;) ;)
-
Ti ringrazio della tua risposta lampo...ti allego il codice completo del template, magari gli dai un'occhiata e mi dici in quali righe devo intervenire.
Ciao, e grazie in anticipo
Marcello
[allegato eliminato da un amministratore essendo vecchio più di un anno]
-
Ciao mc45la
prova così:
div#h_area {
margin: 10px auto 0;
text-align: left;
width: 980px;
}template.css (riga 90)
#slider {
background: url("../images/loading.gif") no-repeat scroll 50% 50% transparent;
height: 327px;
margin-left: 10px;
margin-top: -3px;
width: 960px;
}template.css (riga 757)
per alzare il grigio invece devi modifica questa immagine
http://www.lisolachenoncemc.eu/templates/themza_j17_05/images/bg_page.png
aprila e vedrai come è fatta...
-
Normalmente non serve inserire il codice css. Lo vediamo direttamente sul tuo sito. Puoi vederlo (e correggerlo) anche tu, semplicemente usando Firebug per Firefox e provando in frontend le modifiche prima di riportarle sul file css indicato.
-
Ho modificato la riga 90 e la riga 757, ma il risultato è che la slider si accavalla con la parte superiore nera mentre invece deve rimanere nella parte bianca.
-
Non avevo capito. Allora è molto più semplice, basta modificare l'immagine di cui ho allegato il link. Se vedi ha la parte nera e bianca, riduci quelle e ricarica il file.
-
L'altezza del div area però la devi togliere...
-
" L'altezza del div area però la devi togliere..."
[/size]sarebbe quella indicata nella riga 90 che ho modificato precedentemente?
[/size]".....[/size]basta modificare l'immagine di cui ho allegato il link."[/i]
[/size]nel mio caso dovrei eliminare o diminuire la parte nera, giusto?
-
1. Sì.
2. Sì, ma devi anche diminuire i bianco.
-
Ho modificato l'immagine e adesso va bene l'eliminazione della parte nera in alto.
Come posso portare un pò più in alto la scritta?
-
Quella in rosso?
aggiungi un margin-top negativo qui:
a.logo, a.logo:link, a.logo:hover, a.logo:visited { color: #F10C0C; font-family: "Trebuchet MS"; font-size: 28px; font-weight: normal; line-height: 42px; margin-top: -5px; text-decoration: none;}
e lo stesso qui:
body { background: url("../images/bg_page.png") repeat-x scroll center -5px #DDDDDD; display: table; margin: 0; width: 100%;}