Vorrei poter inserire un'immagine nella regione header del tema acquia marina. Questo tema non ha già un'immagine o un modo da poterla modificare dalle impostazioni.
Pensavo di inserirla modificando il file fusion-acquia-marina-style.css nella header regions, sotto #header-group-wrapper, utilizzando background-image: url('percorso/file').
L'unico "problema" che ho (sempre che non ci sia un metodo migliore e più elegante) è l'impostazione della grandezza del logo. Attualmente acquia lo sto usando con 3 colonne e tema fluido... Come faccio a capire le dimensioni dell'header di modo che mi rimanga centrato, indipendentemente dalla risoluzione del monitor? Grazie a tutti
Inserire immagine nell'header del tema acquia marina
Mar, 21/12/2010 - 14:10
#1
Inserire immagine nell'header del tema acquia marina
Guarda il file page.tpl.php, puoi aggiungere una nuova regione in cima per mettere l'immagine della testata
http://www.chromeos.eu
Acquia marina ha già (se non sbaglio) una regione header in cui poter inserire un blocco. Ma come inserire un blocco costituito da un'immagine? Mi trovo in difficoltà... agendo sul file css qualcosa riesco a fare, ma altro non capisco il come... Se qualcuno mi aiutasse utilizzando il css forse riuscirei meglio nel mio intento. Grazie intanto per la risposta ;-)
basta che crei un cck, con un campo immagine, poi fai una vista che ti prende quell'immagine di tipo blocco e mostri il blocco li.
http://www.chromeos.eu
Grazie per la risposta! Sapresti anche darmi una dritta un po' più precisa? CCK e Views sono 2 moduli molto potenti, ma altrettanto complicati e non immediati. Cerco di documentarmi un po', ma una dritta più nel dettaglio non farebbe male. Cmq grazie per il suggerimento!
Scusa ma se vuoi inserire un immagine nella header di acquia marina devi:
e poi posizioni il blocco nella zona header.
1) Crea un nuovo blocco su administration-blocks e all'interno del blocco inserisci il codice html dell'immagine che vuoi inserire tipo ...
2) Puoi creare una vista apposita ma è un po' più complicato se non usi le viste
3) Operi sul codice php della pagina page.tpl.php
Giovanni B
Ciao.
Ho creato un nuovo blocco ed ho inserito come codice HTML il seguente :
<head><body>
<img src="http://www.europaenfotos.com/praga/panoramica.jpg" />
</body>
</head>
Ho scelto come settore Header, ma la foto non compare.... cosa sbaglio ????
Grazie.
sbagli l'html di base, in un blocco non devi inserire l'head e soprattutto l'head va chiuso prima del body, che in ogni caso non ci deve essere:
<html><head>
</head>
<body>
contenuto
</body>
</html>
nel tuo caso è già stato scritto tutto, ti consiglio di partire dalle basi di html.
http://www.chromeos.eu
Ho aggiunto il seguente codice nel blocco creato :
<html><body>
<img style="width:100%; height:100%; border:2px dotted red; margin:0px; padding:0px" src="http://www.europaenfotos.com/praga/panoramica.jpg"/>
</body>
</html>
Potete vedere com'è venuto al link : www.cioppy.com/drupal
Il problema è che lascia troppo spazio sia sopra la foto che sotto, nonostante abbia impostato padding e margin a 0px.
Come posso risolvere ???
Grazie.
Controllando con firebug vedo che sopra e sotto l'immagine ci sono p e br, inoltre, nello stile del tema il p ha un padding di 1em.
ciao
www.gmpe.it
Ciao ...
Penso di essere riuscito a togliere il br prima e dopo l'immagine.
Però nel file fusion-acquia-marina-style.css non sono riuscito a trovato che "p" ha un padding di 1em per modificarlo!!!
Mi potresti dire dove posso effettuare questa modifica, e se secondo te è giusto modificare il padding di "p" mettendolo a 0px ?
Grazie.
Scusa, mi sono sbagliato; non è padding, ma margin e si trova alla riga 20 di style.css.
Cos'è quello sfondo rosso attorno all'immagine?
ciao
www.gmpe.it
Ciao.
Lo sfondo rosso l'ho inserito io per visualizzare meglio l'area Header che voglio modificare.
Ho modificato la riga 20 inserendo margin: 0; al posto di margin: 1em;
Però resta comunque ai lati e soprattutto sotto uno spazio notevole che vorrei eliminare.
Diciamo che sopra ed ai lati vorrei lasciare un minimo spazio bianco, ma sotto voglio che il menù sia sovrapposto all'immagine, o quantomeno che il menù sia subito sotto l'immagine !!!!
Scusami, ma è la prima da poco che sto utilizzando drupal e che mi sono avvicinato al css !!!
Grazie.
Per fare quello che vuoi non mi sembra il tema adatto.
Non credo sia facile sovrapporre il menù all'immagine (soluzione ideale) e farla toccare non so se sia esteticamente gradevole. Inoltre, ti resta sempre lo spazio laterale e questo sbilancia la struttura del tema. Questo lo risolvi parzialmente eliminando la larghezza a 960 px, ma non so come si vede con i diversi monitor.
Puoi ridurre ulteriormente lo spazio togliendo 1.5 em al margin-bottom della riga 1014, ma potrebbe avere effetti negativi su altre aree del sito.
La parte sinistra/destra la azzeri alla linea 42.
Se togli l'elemento p all'immagine, forse guadagni qualche millimetro.
ciao
www.gmpe.it