Se avete provato in passato ad inserire i testi dei vostri siti web all'interno di box con angoli arrotondati, allora potete dire quanta fatica e quali artifizi avete messo in pratica per ottenere questo risultato.
Infatti era necessario ricorrere necessariamente all'ausilio di immagini o di codice javascript.
Ma avete mai pensato di farlo utilizzando esclusivamente del codice CSS?
Beh sarebbe molto complicato da fare, ve lo assicuro. Per fortuna c'è qualcuno che l'ha fatto per primo e lo ha messo a disposizione della community dei webmaster.
Se volete anche voi utilizzare gli Spiffy Corners (cosi sono stati chiamati) potete semplicemente visitare il sito http://www.spiffycorners.com e ottenere il codice da inserire nelle vostre pagine. Basta selezionare il colore di background e di foreground per il vostro box, e il gioco è fatto. Se volete potete anche specificare la misura del raggio dell'angolo. Più semplice di così!!
Links:
Angoli arrotondati in CSS
Vi segnalo un sistema per arrotondare gli angoli tramite php con uno script molto leggero e semplice da usare:
RispondiEliminalo trovate su questo sito, nella sezione HTML:
http://toninosite.altervista.org
In alternativa, fregandosene però degli utenti che non hanno browsers aggiornati, si potrebbero usare i CSS3 con la specifica "border-radious: Npx;", codice che viene usato anche nell'ultima versione di wordpress e nella 2.5 per il form di login. Ho trovato ulteriori informazioni qui: (Link). Di solito io uso creare cinque div di cui uno contenitore, quattro con uno z-index di 1 con i quattro angoli ed uno con uno z-index di 2 dove metto i contenuti :D
RispondiEliminaComplimenti, darkubec, sei un vero Geek! Perchè non scrivi qualcosa sul blog, ci farebbe piacere.
RispondiEliminaCiao contattami
bel post, complimenti per il sito. Se vuoi possiamo linkarci a vicenda. Ciao Salvatore
RispondiElimina