Da poco ho scoperto nella rete una piccola utility per realizzare facilmente dei DIV con gli angoli smussati in pochissimi istanti, utilissima per chi non mastica molto di CSS.

L’utility inquestione è: Neurotic-WebDesign: CSS Rounded Box Generator

Tramite questo utile servizio web è possibile creare DIV con angoli arrotondati semplicemente impostando il colore dello sfondo del DIV che volete creare (Square Color) e il colore dello sfondo in cui volete posizionare il div (Background Color).

Una volta impostati questi 2 colori basta clickare su “Enviar” e dopo l’aggiornamento della pagina verrà visualizzato il codice da insere nel file CSS e il codice HTML da inserire dove volete che appaia il DIV.

Inoltre troverete il un riquadro chiamato “Corner Images” dove vi saranno le 5 immagini che dovete salvare e inserire nel vostro spazio web affinchè vengano trovate dal file css per essere utilizzate nel div. Guardando il codice CSS potrete vedere che vengono indicate delle immagini con nome:

• nt.gif
• tl.gif
• tr.gif
• bl.gif
• br.gif

Queste sono le immagini per realizzare gli angoli arrotondati.Fate attenzione ad inserire la giusta URL per le rispettive immagini!

Ovviamente per cambiare il testo contenuto nel div basta andare a modificare il codice HTML ed inserire altro rispetto a “Lorem ipsum..ecc ecc”.

Ti potrebbero interessare questi post:

• Glassy Buttons: generatore di bottoni
  Girando per il web, ho cercato tra i tanti servizi un generatore di bottoni di semplice utilizzo ma di ottima qualità, e ne ho trovato uno davvero utile e semplicissimo da utilizzare. Si chiama Gla...
• Web 2.0 write: scrivi in stile web2.0
  Vi segnalo un servizio web molto carino, vi permette di scrivere del testo in stile web 2.0 semplicemente sostituendo le vostre lettere con i loghi dei più importanti siti web 2.0 del momento. Si chia...
• Creare GIF online: GIFUP
  Uno dei tantissimi servizi che oggi il web ci offre e che è sempre super ricercato da tantissimi utenti nel web è quello della creazione online di gif animate. Vi ho già parlato in diversi articoli pr...
• Fotomontaggi online: con piZap puoi creare bellissimi fotomontaggi gratuitamente!
  Stavo pensando di iniziare questo articolo con l'immagine che ho editato con questo splendido servizio....ma ho preferito evitare...poi capirete il perchè :D La inserirò alla fine. Vi parlo intanto di...
• Songza: ascolta le tue canzoni dal web, guardane il video, e tanto altro
  Oggi vi propongo uno di quei servizi che gli amanti della musica non possono farsi sfuggire. Sto parlando di Songza, un motore di ricerca per canzoni in stile web2.0 totalmente gratuito e che non ric...