Angoli arrotondati senza JS

[joomlapixel]

Girando in rete ho trovato questo link con alcune indicazioni interessanti soprattutto per la realizzazione di zone moduli personalizzate.
Certo sembra ingombrante lato codice,poichè si parla di 8 <div> annidati,ma il codice è commentato e quindi di facile utilizzo anche per il newbie.
Probabilmente coglierò l'occasione per proporre un articolo relativo a joomla.
http://www.risorse.net/magazine/leggi.asp?id=93

[sali40]

ma chi sei? Babbo Natale? 
GRAZIE!!

[joomlapixel]

Veramente ci sono soluzioni + semplici,si può scendere a 4 div con un codice molto + elegante e leggero.......

[danielone80]

scusa ma le immagini a cui il codice fa riferimento(div.top {
background-image: url(img/top.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.bottom {
background-image: url(img/bottom.gif),
dove si prendono?

Grazie
Daniel

[Necrotemus]

Veramente ci sono soluzioni + semplici,si può scendere a 4 div con un codice molto + elegante e leggero.......

La cosa mi interessa, potresti farmi un esempio?

[joomlapixel]

Questa credo sia la referenza più interessante e completa
http://dev.joomla.org/content/view/1136/79/1/10/

[Necrotemus]

grazie, pian piano provo a digerirlo tutto

[ifossati]

Ciao Franco, mi sono letto tutto e seguito i vari link ma essendo ancora scarsino sul CSS non ne vengo a capo... Ho analizzato anche il sito di joomla.org con CSS viewer... niente, non capisco come adattarlo al mio caso...
Io sto facendo un sito utlizzando il template blue_dragon. Nel file index.php ho creato un nuovo modulo (user2) on top del mainbody utilizzando il seguente codice:

Codice: [Seleziona]

<td width="100%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width='100%' align="center"><?php mosLoadModules ( 'user2',-3 ); ?></td>
        </tr>
      </table> <br />
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="3" valign="top"> <?php include ("mainbody.php"); ?> </td>
        </tr>
      </table></td>
All'interno di questo blocco ho posizionato un modulo con del testo che richiama una classe propria dal CSS così definita:

Codice: [Seleziona]

.moduletableprova {
padding-left: 5px;
padding-bottom: 5px;
background: #015581;

}
Vorrei che solo questo blocco (user2) staccasse dalla "rigidità" tipica dei moduli squadrati mettendo gli angoli arrotondati. Mi puoi gentilmente indicare la retta via di dove mettere il codice suggerito al tuo ultimo link sopra? Ho fatto un pò di prove ma non riesco a capire con cosa devo sostituire div.module-grey h3, div.moduletable-grey h3 indicati nell'esempio.

Grazie mille a Franco o chi mi darà un suggerimento.
Ciao.
Ivano