Riquadro ad angoli alterni

• TheQueen ~

Posted on 10/5/2009, 18:28

Salve a tutti.
Vorrei sapere il codice per quel riquadro colorato che molti di voi hanno in firma, ad angoli rotondi e spigolosi ad alternare, in cui si scrive dentro...
Poi se avete pazienza mi piacerebbe sapere come faccio a modificare tale riquadro, con le descrizioni delle parti di codice da modificare...
Grazie mille in anticipo *.*

Scandalous,

Posted on 10/5/2009, 18:31

Ecco il codice della tabella.

CODICE

il codice"-moz-border-radius" è quello per arrotondare.

ci sono quattro angoli:

-moz-border-radius-topleft = angolo alto a sinistra
-moz-border-radius-topright = angolo alto a destra
-moz-border-radius-bottomleft = angolo basso a sinistra
-moz-border-radius-bottomright = angolo basso a destra

Shine;

Posted on 10/5/2009, 19:57

Conoscevo già questo codice, ma non savevo che con il moz border si potesse realizzare un riquadro con gli angoli alternati.. non ci sono mai arrivata xD difatti mi chiedevo come si facesse ç__ç

~ Crow

Posted on 14/5/2009, 00:17

io ho provato a metterlo ma non mi da la tabella perchè? ._.

Scandalous,

Posted on 14/5/2009, 08:34

CITAZIONE (~ Crow @ 14/5/2009, 01:17)

io ho provato a metterlo ma non mi da la tabella perchè? ._.

Prova cosi

CODICE

<div style="width="LARGHEZZApx" style="background-color: #COLORE SFONDO; border: BORDOpx solid #COLORE BORDO; -moz-border-radius-topleft: RAGGIO TONDO ANGOLOpx; -moz-border-radius-bottomright: RAGGIO TONDO ANGOLOpx; -webkit-border-radius: 9px;">

</div>]

~ Crow

Posted on 14/5/2009, 14:03

all'inizio non andava, non so perchè, poi ho modificato questo

CODICE

<div style="width="LARGHEZZApx"

con questo

CODICE

<div align= "center" width="LARGHEZZApx"

ed è andato.

M-D

Posted on 14/5/2009, 14:11

Senior Member

Group:: Member

Posts:: 20,011

Location:: Bergamo

Status:

se metti style="qui devi usare il css e non più l'html"
e quindi invece di usare questo codice, sbagliato:

HTML

<div style="width="LARGHEZZApx"

usa quest'altro, giusto::

HTML

<div style="width: LARGHEZZApx"

~ Crow

Posted on 14/5/2009, 14:23

Ecco dov'era che sbagliavo allora, thx cioby. Un ultima cosa sai percaso come faccio a centrarlo? guarda in firma come mi è venuto ._. , troppo largo

M-D

Posted on 14/5/2009, 14:26

Senior Member

Group:: Member

Posts:: 20,011

Location:: Bergamo

Status:

non hai messo il width: px;

~ Crow

Posted on 14/5/2009, 14:36

ecco il codice che metto io

CODICE

come vedi width lo metto ma nada.. anzi appena lo metto scompare

M-D

Posted on 14/5/2009, 14:38

Senior Member

Group:: Member

Posts:: 20,011

Location:: Bergamo

Status:

ci credo che scompare.. è sbagliato. ma quello che ti ho scritto prima l'hai letto? XD

CITAZIONE (CioboMario ‘ @ 14/5/2009, 15:11)

se metti style="qui devi usare il css e non più l'html"
e quindi invece di usare questo codice, sbagliato:

HTML

<div style="width="LARGHEZZApx"

usa quest'altro, giusto::

HTML

<div style="width: LARGHEZZApx"

comunque sia è così il codice:

HTML

<div style="width: 270px; background-color: #AEB6BA; border: 0px solid #AEB6BA; padding: 4px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-radius: 9px;">