Saaalve.
Per chi conosce in modo più approfondito il CSS, saprà che c'è la possibilità di fare gli angoli arrotondati ad un elemento, ovviamente si può scegliere se farli a tutti e 4 o solamente ad alcuni. Comunque, chi sa questa cosa, saprà anche che questo metodo, come text-shadow e box-shadow, non è compatibile con IE.
Se non sapete come fare, vi dirò la soluzione da adottare: un file .htc.
Come procedere
Per prima cosa dobbiamo scaricare
Ora apriamo il foglio di stile e basterà aggiungere nel blocco che interessa la proprietà border-radius questa riga:
Ovviamente se avete messo la cartella PIE in una altra directory dovrete cambiare la path.
Questo file inoltre renderà visibile su IE anche la proprietà "box-shadow", utile per creare un' ombra di un elemento.
Una breve guida su border-radius
border-radius è una proprietà CSS per rendere gli angoli di un elemento arrotondati. La sintassi è la seguente:
In questo modo verrà un blocco di 400x400px con gli angoli arrotondati. Ovviamente potete sostituire 8px con qualsiasi valore. Se invece volete rendere ad esempio solo gli angoli sopra arrotondati basterà scrivere:
Per quelli in basso:
Per quelli in diagonale:
Ovviamente potete anche arrotondarne solamente uno. Il 'giro' che seguono gli angoli è orario, ovvero:
Per chi conosce in modo più approfondito il CSS, saprà che c'è la possibilità di fare gli angoli arrotondati ad un elemento, ovviamente si può scegliere se farli a tutti e 4 o solamente ad alcuni. Comunque, chi sa questa cosa, saprà anche che questo metodo, come text-shadow e box-shadow, non è compatibile con IE.
Se non sapete come fare, vi dirò la soluzione da adottare: un file .htc.
Come procedere
Per prima cosa dobbiamo scaricare
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
. Una volta fatto, estriamo la cartella al suo interno e - per comodità - la mettiamo nella stessa directory del file .css.Ora apriamo il foglio di stile e basterà aggiungere nel blocco che interessa la proprietà border-radius questa riga:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ovviamente se avete messo la cartella PIE in una altra directory dovrete cambiare la path.
Questo file inoltre renderà visibile su IE anche la proprietà "box-shadow", utile per creare un' ombra di un elemento.
Una breve guida su border-radius
border-radius è una proprietà CSS per rendere gli angoli di un elemento arrotondati. La sintassi è la seguente:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
In questo modo verrà un blocco di 400x400px con gli angoli arrotondati. Ovviamente potete sostituire 8px con qualsiasi valore. Se invece volete rendere ad esempio solo gli angoli sopra arrotondati basterà scrivere:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Per quelli in basso:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Per quelli in diagonale:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ovviamente potete anche arrotondarne solamente uno. Il 'giro' che seguono gli angoli è orario, ovvero:
