Autore Topic: Angoli arrotondati senza JS  (Letto 7733 volte)

Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Angoli arrotondati senza JS
« il: 23 Apr 2007, 20:42:08 »
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

Offline sali40

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4791
  • Sesso: Maschio
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #1 il: 23 Apr 2007, 20:47:06 »
ma chi sei? Babbo Natale?  :)
GRAZIE!!

Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #2 il: 23 Apr 2007, 20:57:00 »
Veramente ci sono soluzioni + semplici,si può scendere a 4 div con un codice molto + elegante e leggero.......

Offline danielone80

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #3 il: 09 Giu 2007, 14:57:48 »
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

Offline Necrotemus

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #4 il: 16 Giu 2007, 13:38:19 »
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?

Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #5 il: 16 Giu 2007, 18:23:36 »
Questa credo sia la referenza più interessante e completa
http://dev.joomla.org/content/view/1136/79/1/10/

Offline Necrotemus

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #6 il: 18 Giu 2007, 10:24:34 »
grazie, pian piano provo a digerirlo tutto ;D

Offline ifossati

  • Esploratore
  • **
  • Post: 94
    • Mostra profilo
Re: Angoli arrotondati senza JS
« Risposta #7 il: 03 Lug 2007, 22:39:22 »
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',-); ?></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

 

Host

Torna su