inserire immagini di sfondo da css in Blocco

7 contenuti / 0 new
Ultimo contenuto
inserire immagini di sfondo da css in Blocco

Ciao,
nell'ambito della creazione del sito ci stiamo imbattendo nella volontà di modificare l'aspetto dei blocchi, quello che vorremmo è la possibilità di inserire delle immagini per il sopra, il content e il sotto il tutto via css.
Il blocco in questione è il blocco creato per la newsletter:

<div id="block-views-Newsletter-block_1" class="block block-views">
<h2 class="title">Newsletter</h2>  <div class="content"><div class="view view-Newsletter view-id-Newsletter view-display-id-block_1 view-dom-id-1">
<div class="view-content">
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<div class="views-field-title">
<span class="field-content"><a href="/miosito/?q=node/3">Workshop di carattere tecnologico-ambientale</a></span>
</div>
</div>
</div>

Avete dei suggerimenti da darmi per poter creare le modifiche necessarie?
Grazie

Prova a dare una occhiata alla seguente discussione, forse potrebbe aiutarti
http://www.drupalitalia.org/node/7225

Non credo che ci sia sufficiente HTML per fare una specie di 'sliding doors' - in verticale (perchè manca un div).

Prima, il blocco (anzi tutti i blocchi) viene creato da block.tpl.php (c'è uno in garland per esempio):

<div id="block-<?php print $block->module .'-'. $block->delta; ?>" class="block block-<?php print $block->module ?>">
<?php if (!empty($block->subject)): ?>
  <h2><?php print $block->subject ?></h2>
<?php endif;?>
  <div class="content"><?php print $block->content ?></div>
</div>

Quindi puoi usare <div id=block-xxx> con un larghezza fisso ed un fondo immagine del top left center e right, ma manca la possibilità di chiuderlo in fondo. Per il titolo <h2> se presente poi usare un sfondo semi-trasparente, per esempio.

Basta mettere un altro <div> dopo il <div.content> per chiudere la porta.

Se invece fai un blocco molto profondo potrebbe essere conveniente due <div> uno per il top, <div id=block-xxx> per il left-center-right, e uno per il bottom.

Più imparo, più dubito.

In realtà (se ho capito bene)
la tecnica delle sliding doors può essere applicata in orizzontale O in verticale anche solo con CSS.
ovviamente però funziona solo se il blocco è a larghezza fissa, non fluida.
Applichi lo sfondo superiore a h2.title, quello inferiore a div#block-views-Newsletter-block_1 e quello per il contenuto a div.view-content

Ciao Giovanninews, jhl.verona e Bohz
se ho capito, cosa di cui dubito sempre...ipotizziamo la possibilità più complessa poiché grazie a quella poi potrebbe essere più semplice gestire anche quella più semplice.
Partiamo da zero come sempre.
Le modifiche devono essere operate inserendo del codice in block.tpl.php o direttamente nel page? Prima domanda, dal momento che questo blocco sarà visibile prevalentemente nella home e in qualche altra pagina, non in tutte.
Come sempre io vi chiedo un aiuto poiché per quanto ci provi mi mancano i concetti di base e non ci sono libri che ti spieghino alcuni concetti, ma solo gli esempi.
Grazie
Tz

esiste un modulo ,blocktheme
che ti permette di aggiungere temi diversi per ogni blocco senza costringerti a sostituire i files di default
l'ho usato un anno fa non era difficile
http://drupal.org/project/blocktheme
qui un tut
http://mustardseedmedia.com/podcast/episode13

ho iniziato a vedere il podcast non sembra male, ora sono ancora nella fase di test in locale per quando sarà on line una soluzione dovrò averla trovata e quante più informazioni riesco ad avere maggiori sono le possibilità di capire cosa e come realizzare.
Grazie
Tz