come costruire intelligentemente questo sito

**Innavoig** · 18-11-2008, 19:36

ho trovato questo sito

mi è piaciutio molto come è semplice e strutturato
così hjo dato un occhiata al codice sorgente
e ho notato che tutti gli angoli rotondi sono stati costruiti con tabelle , ma sembra un metodo un pò grezzo per costruirle.
Ho sentito dei nifty corners , ma sono complessi .
mi piacerebe fare quaclosa di diverso voi cosa usate ?

**fcaldera** · 18-11-2008, 21:31

inutile aggiungere a mano marcatura per generare angoli curvi, se dev'essere tanto vale delegare l'operazione ad uno script non intrusivo

per esempio, penso che questo sia molto interessante
http://www.atblabs.com/jquery.corners.html

visto che sfrutta proprietà native su gecko e webkit

**Gufo** · 18-11-2008, 22:58

Originariamente inviato da fcaldera
inutile aggiungere a mano marcatura per generare angoli curvi, se dev'essere tanto vale delegare l'operazione ad uno script non intrusivo

per esempio, penso che questo sia molto interessante
http://www.atblabs.com/jquery.corners.html

visto che sfrutta proprietà native su gecko e webkit

Ciao

Io ci ho provato in tutti i modi ma non sono riuscito a farlo funzionare, gli angoli sono sempre rettangolari

Stasera sarò impedito

**@DI3GO@** · 19-11-2008, 01:36

Ma avete notato il titolo su sfondo grigio scuro a fianco a categories....Non si legge...ti prego trova una soluzione alternativa o genera in modo intelligente quei menù, perchè in questo modo potresti giocarti alcuni potenziali clienti del tuo sito....io per esempio.

**Innavoig** · 19-11-2008, 09:46

Originariamente inviato da fcaldera
inutile aggiungere a mano marcatura per generare angoli curvi, se dev'essere tanto vale delegare l'operazione ad uno script non intrusivo

per esempio, penso che questo sia molto interessante
http://www.atblabs.com/jquery.corners.html

visto che sfrutta proprietà native su gecko e webkit

se saresti grado da spiegarmi come funziona o forse un ulteriore codice da aggiungere , a me non vanno , grazie

sennò che rispondi a fare non ci lasciare a metà

**graffithouse** · 19-11-2008, 10:30

il metoco classico è quello migliore perche ti permette di creare anche angoli diversi tra loro

io voto
hold-school

**fcaldera** · 19-11-2008, 10:41

Originariamente inviato da Innavoig
se saresti grado da spiegarmi come funziona o forse un ulteriore codice da aggiungere , a me non vanno , grazie

sennò che rispondi a fare non ci lasciare a metà

Che risposta sarebbe?

Io ho suggerito di usare una libreria javascript per jquery postando una pagina di esempio funzionante e te la prendi con me se non funziona?

"Non vanno" è un po' vago, controlla di aver fatto le stesse inclusioni dei css, dei vari script della demo e verifica che con qualche strumento che non ci siano errori javascript altrove.

Ad ogni modo puoi fare tu stesso una ricerca in rete con "rounded corners": ci sono molti altri metodi con nomi più o meno fantasiosi: curvycorners, spiffycorners, niftycorners...

**fcaldera** · 19-11-2008, 10:55

un esempio minimale con jquery corners, preparato giusto in qualche minuto

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>jQuery Corners</title>

  <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
  <script src="jquery.corners.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $('div.rounded').corners();
  });
  </script>
</head>

<body>

    <div class="rounded {12px}" style="background: #ccc; padding: 10px;">
        <span>jQuery Corners 0.3</span>
    </div>
</body>
</html>

funziona senza problemi su Firefox3, Chrome, Opera, IE6

**Innavoig** · 19-11-2008, 11:21

Originariamente inviato da fcaldera
un esempio minimale con jquery corners, preparato giusto in qualche minuto

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>jQuery Corners</title>

  <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
  <script src="jquery.corners.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $('div.rounded').corners();
  });
  </script>
</head>

<body>

    <div class="rounded {12px}" style="background: #ccc; padding: 10px;">
        <span>jQuery Corners 0.3</span>
    </div>
</body>
</html>

funziona senza problemi su Firefox3, Chrome, Opera, IE6

Vedi questi ciduce che mi hai dato ?

l ho preso l ho incollato , l ho salvato in html
l ho aperto con firefox 3
e non funziona.
te l ho hostato anche per darti la dimostrazione a questo indirizzo

http://www.mauriashop.altervista.org/provacorner.html

Ora non so se ci sono procedure da fare da professionisti che tu ora non mi hai detto.
Se nonè così : non funziona .

**homezappa** · 19-11-2008, 11:45

Ovvio che non funziona!
Indizio: dove hai salvato i files jquery-1.2.6.min.js e jquery.corners.js, visto che non ci sono?

Si parla di jquery e non ti chiedi nemmeno cosa sia?

HTH
Zappa

Discussione: come costruire intelligentemente questo sito

Strumenti discussione

Ricerca discussione

Visualizza

come costruire intelligentemente questo sito

Permessi di invio