Angoli smussati senza immagini con uno script, senza Javascript
Aggiornato il 26/05/2008
I layout che utilizziamo recentemente usano dei 'contenitori' arrotondati: tipici ormai del web 2.0.
Molto spesso per applicare questo effetto si ricorre a immagini. Questo è sicuramente il metodo più facile, ma sicuramente non il più efficace. Per questo ho cercato di costruire uno script che sia il più possibile standard e che segua le principali regole di accessibilità. Lo script è composto solamente da un file .php e un file .css entrambi di dimensioni ridotte, il compito dello script è generare i bordi e formattarli in maniera automatica.
Per questo la prima operazione da fare è includere dinamicamente la pagina che contiene la funzione generatrice, io consiglio di incollare questa parte di codice subito dopo il body.
Grazie a questa inclusione possiamo richiamare la funzione angoli. Essa va inserita o dopo o prima il 'contenitore' da arrotondare, che può essere un tag div.
Nella funzione si può specificare che genere di bordo vogliamo inserire; ma anche il colore che vogliamo dare.
Per esempio per dare alla parte superiore di un 'contenitore' div un bordo arrotondato di colore blu dobbiamo inserire questo codice:
Per un bordo superiore si deve specificare la lettera 'a', per un bordo inferiore la lettera 'b'.
Comunque per chiarire tutto è disponibile, insieme allo script un esempio. Tutti gli angoli di questo sito sono generati con questo script.
Per qualsiasi dubbio o problema: http://toninosite.altervista.org/wordpress/?p=6