HTML, HTML5, XHTML, XML, CSS, CSS2, CSS3, JS, PHP, ASP, .NET…. tutti acronimi che vengono utilizzati per creare le pagine web che visitate e visitiamo tutti i giorni, ma come si fa a creare qualcosa in rete?Bh\u00e8 non \u00e8 che sia poi cos\u00ec semplice creare delle pagine web, occorre tempo, passione (soprattutto), creativit\u00e0…. ma non basta, perch\u00e8 ogni giorno esce una tecnica nuova e si cerca poi di utilizzarla sempre al meglio…
\nQuello che sto per scrivere, \u00e8 un piccolo aiuto per tutti coloro che si stanno avvicinando al Web Design e cercano di migliorare sempre pi\u00f9 (come cerco di fare anche io ogni sera che mi metto a cercar di far qualcosa di nuovo sulle mie pagine). Ultimamente la grafica dei siti si \u00e8 modificata, cercando di mostrare ombre nei pulsanti, riflessi sulle icone… per non parlare dei tanti riquadri che oramai son tutti arrotondati, basta con tutti gli spigoli, ci si potrebbe far male… ma come possiamo smussare i nostri quadrati, i nostri rettangoli?
\nQuando creiamo un layout, utilizziamo i file CSS (i fogli di stile delle pagine) e quando impostiamo le regole dei nostri riquadri, dovremo aggiungere una semplice riga (quella in neretto):<\/p>\n
#barramenu {
\n\theight: 30px;
\n padding: 0 0 0 10px;
\n background-color: #000000;
\n float: left;
\n margin-top: 15px;
\n-webkit-border-radius: 5px;<\/strong>
\n\t}<\/p><\/blockquote>\nPoi se giocate con il valore, aumenterete o diminuirete l’arrotondamento<\/p>\n
AGGIORNAMENTO: 17\/04\/12 – COMPATIBILITA’ PER I BORDI ARROTONDATI CON OGNI BROWSER
\nPurtroppo ahim\u00e8 la parte precedente del box non \u00e8 compatibile con tutti i browser, ma solo con Chrome (se non sbaglio anche safari), ora vi illustrer\u00f2 come renderlo compatibile con i restanti browser (firefox, IE…)
\nPrendiamo spunto sempre dalla stessa parte di css illustrata qui sopra e vediamo cosa aggiungere:<\/p>\n#barramenu {
\n\theight: 30px;
\n padding: 0 0 0 10px;
\n background-color: #000000;
\n float: left;
\n margin-top: 15px;
\n -webkit-border-radius: 5px;
\n border-radius: 5px;<\/strong> \/* compatibilit\u00e0 con IE *\/
\n -moz-border-radius: 5px;<\/strong> \/* compatibilt\u00e0 con Firefox *\/
\n behavior: url(ie-css3.htc);<\/strong> \/*piccolo aiuto per IE a utilizzare le nuove regole css3 *\/
\n\t}<\/p><\/blockquote>\nCome vediamo nell’esempio che ho pubblicato, ho aggiunto 2 righe per la compatibilit\u00e0 con IE e FF e in pi\u00f9 c’\u00e8 una 3a riga che serve ad aiutare IE a sfruttare le nuove regole del CSS3.
\nVi metto a disposizione anche il file in questione<\/a>.<\/p>\nspero di esservi stato d’aiuto e ricordate un grazie fa sempre piacere \ud83d\ude09<\/p>\n
[ratings]<\/p>\n","protected":false},"excerpt":{"rendered":"
HTML, HTML5, XHTML, XML, CSS, CSS2, CSS3, JS, PHP, ASP, .NET…. tutti acronimi che vengono utilizzati per creare le pagine web che visitate e visitiamo tutti i giorni, ma come si fa a creare qualcosa in rete?<\/p>\n","protected":false},"author":10,"featured_media":2550,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,1427],"tags":[1565,1563,1567,1564,1566,1568],"_links":{"self":[{"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/posts\/2548"}],"collection":[{"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/comments?post=2548"}],"version-history":[{"count":0,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/posts\/2548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/media\/2550"}],"wp:attachment":[{"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/media?parent=2548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/categories?post=2548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cesco82.it\/blog\/wp-json\/wp\/v2\/tags?post=2548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}