Cornici in css?
Ciao a tutti,
avete presenti quelle cornici fatte con 8 piccole immagini (4 per i lati e 4 per gli angoli) che vengono disposte tramite una tabella 3x3 il cui contenuto è all'interno della cella centrale e le immagini intorno formano appunto la cornice?
Mi chiedevo se esiste un metodo per fare la stessa cosa in drupal usando il css... ho girato molti temi, ma nessuno di quelli che ho visto ha cornici di questo tipo per le varie sezioni, non ho idea di come aggiungerle e soprattutto non so se il css è in grado di arrivare a fare queste cose...
mi sapete dire qualcosa a riguardo?
Mondoscuro
www.mondoscuro.it
Risposte
Ricordo che un tema per
Ricordo che un tema per Drupal 4.7 (Goofy) utilizzava le cornici come hai indicato tu (non entro nel tema riguardante l'accessibilità)..
Se devi "themmare" un nodo basta che modifichi il file note.tpl.php mettendo la "cornice" (e la relativa tabella) oppure potresti fare tutto con 4 DIV annidiati come per i "rounded corners"... trovi molte info in giro per internet.. al max fammi sapere!
Ciao!
Eh lo conosco il problema
Eh lo conosco il problema dell'accessibilità... sti signori potrebbero anche mettersi d'accordo e semplificare il lavoro a noialtri... a volte ci vuole più codice per risolvere le incompatibilità dei browser che per fare quello che si vuole fare, soprattutto se è un "artificio"... ho girato un pò di tutorial sui rounded corner e ne ho viste di tutti i colori per ovviare questo problema
Per prenderci la mano volevo iniziare con una cosa più semplice... volevo smussare solo gli angoli destri (alto e basso) dell'header dei blocchi. So che tutti gli header sono alti 28 pixel, e dato che lo sfondo è nero, ho fatto una png trasparente, 15x28 con spigoli curvati neri... ho pensato che piazzando questa immagine a destra del div dell'header del blocco, potevo ottenere qualcosa di carino... ecco il codice del block.tpl.php:
<div class="block block-<?php print $block->module; ?>" id="block-<?php print $block->module; ?>-<?php print $block->delta; ?>">
<div class="blockinner">
<?php if ($block->subject) { ?><h2 class="title"> <?php print $block->subject; ?> <img align="right" src="images/round.png" alt="" /></h2><?php } ?>
<div class="content">
<?php print $block->content; ?>
</div>
</div>
</div>
ovviamente..... non funziona.
se metto align=right, me la piazza si a destra, ma "sotto" il testo di $block->subject... mentre se tolto align me la mette subito dopo $block-subject, allineandone il bordo inferiore al testo, che incasina tutto quanto....
ho provato anche a mettere una tabella con 1 riga e 2 colonne, per obbligare le due cose a stare affiancate... è uscito un macello...
Mondoscuro
www.mondoscuro.it