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.

Download script

 

Per qualsiasi dubbio o problema: http://toninosite.altervista.org/wordpress/?p=6