Ciao, sto cercando di capire come si customizza un blocco.
I temi sono funzionali all'aspetto generale di un sito, ma per personalizzare solo alcuni blocchi, p.e. quelli della barra di sinistra come e cosa devo fare?
Una volta indagato con firebug il nome del blocco devo agire sul .css indicandone il nome e le modifiche che voglio apportare tipo: il carattere, la sua dimensione se in grassetto o inclinato e così seguitando. Ma se volessi creare o decidessi di inserire un'immagine di sfondo come devo fare?
Ho visto recentemente il sito inserito da sintetika ed è molto bello, ma più che dirlo non so cosa devo fare per raggiungere le conoscenze necessarie per almeno provarci.
Ho visto che loro hanno inserito un div per la parte superiore del blocco e una inferiore, immagino che la parte centrale sia un'immagine da 1 px ripetuta. Basta questo o devo creare realmente il blocco e inserire il codice php relativo alle informazioni da visualizzare?
Dove posso trovare della documentazione per affrontare questo aspetto della temizzazione?
Vi ringrazio per chi fosse interessato a indicarmi quali soluzioni adottare.
Tz
customizzare blocco
Mer, 01/09/2010 - 09:07
#1
customizzare blocco
La maggior parte del lavoro avviene tramite CSS, ogni blocco ha un proprio ID che permette di personalizzarlo in ogni aspetto. A volte però è necessario aggiungere uno o due div, per quanto riguarda i blocchi vanno aggiunti in block.tlp.php
Per il resto ci sono numerose guide CSS in internet. Questa è molto semplice è da le informazioni base necessarie con molti esempi: http://www.web-link.it/css/css.htm
Grazie Krima,
io cerco anche dei video su come operare in casa ho dei libri di css (sono al mio fianco sulla scrivania), ma il mio problema è come gestire i css e e la tematizzazione dei blocchi con drupal. Non essendo un abile esperto di codice php e di css lavorando solo con ciò che ho a disposizione e voi del forum mi riesce difficile molte capire come utilizzare i vostri aiuti.
Grazie proverò a guardare e capire come posso riuscire a modificare le impostazioni presenti nel tema che uso.
Ciao
Tz
Non è strettamente necessario conoscere php per personalizzare la grafica. Ad esempio per aggiungere uno sfondo superiore particolare in un tema o modificato il codice del block.tpl.php da:
<div class="<?php print "block block-$block->module" ?>" id="<?php print "block-$block->module-$block->delta"; ?>"><?php if ($block->subject): ?>
<div class="title">
<h3><?php print $block->subject ?></h3>
</div>
<?php endif; ?>
<div class="content"><?php print $edit_links; ?><?php print $block->content ?></div>
</div>
a
<div class="<?php print "block block-$block->module" ?>" id="<?php print "block-$block->module-$block->delta"; ?>"><div class="block-top">
<?php if ($block->subject): ?>
<div class="title">
<h3><?php print $block->subject ?></h3>
</div>
<?php endif; ?>
<div class="content"><?php print $edit_links; ?><?php print $block->content ?></div>
</div>
</div>
In pratica basta aggiungere un div ed una classe. E poi nel css:
#sidebar-right .block-top{background: url('images/topblock.png') no-repeat top;}#sidebar-right .block{background: #f9f7f9 url('images/btmblock.png') no-repeat bottom;padding-bottom: 18px;}
#sidebar-right .content{ border-left:1px solid #ddd;border-right:1px solid #ddd; margin-top:-20px; background: #f7f4f7;}
#sidebar-right .title h3{padding-left: 10px;padding-top: 12px;}
Il codice prendilo giusto come esempio ogni tema ha qualche differenza ma puoi usarlo come spunto.
Grazie mille!
appena possibile proverò le tue indicazioni
Ciao
Tz