Scopri

Possiamo creare l’effetto dei pannelli animati usando le transizioni CSS3 e le immagini di sfondo. Per ottenere l’effetto che vogliamo utilizzeremo le proprietà background-color e background-position . Vediamo insieme i dettagli.... continua

Foto

sempre rispetto all’immagine qui di fianco la home page di youtube per visualizzare il logo usa questo comando CSS: #logo { background:url("urlimage") no-repeat scroll -14px 0; float: none; height: 37px; width: 93px; } Qui viene... continua

delle immagini in formato .png . Lo script non utilizza il filtro MSIE AlphaImageLoader e dovrebbe dunque funzionare con successo se usata con le proprietà CSS background-repeat e background-position , oltre al... continua

Scopri

sarà: #box { width: 200px; margin: 0; padding: 0; background: #def url("angoli2.gif") no-repeat bottom left; color: #000; font-size: 80%; } #box p { margin: 0; padding: 0.5em; background: transparent url("angoli1.gif")... continua

.aligncenter.sizefull:first-child { padding: 5px; border: 1px solid #ccc; } Selettori avanzati Non esitate ad utilizzare i nuovi selettori CSS3 e i selettori avanzati CSS 2.1 se questo vi semplifica il processo di sviluppo. Infatti è molto più... continua

Foto

dobbiamo escogitare un piccolo trucchetto.   Vediamo come procedere   Torniamo nel file ddlevelsmenu-sidebar.css e lavoriamo sul terzo blocco di regole css.   1 2 3 4 5 6 7 8 9 10 11 .markermenu ul li a{ background: #F2F2F2... continua

Per impostare un colore di sfondo su una pagina web possiamo utilizzare i fogli di stile css. La proprietà per la gestione dello sfondo di una pagina web è la proprietà “ background “. La proprietà background è suddivisa... continua

Scopri

immagini di sfondo pensando alla maggiore risoluzione di schermo possibile è un approccio sbagliato, perchè porta ad avere immagini enormi e pesanti. Invece bisogna fare il contrario: prendere un’immagine grande e scomporla in componenti più piccoli che poi andranno posizionati... continua

Scopri

: .iwdCheckBox{ background:url('background.png') no-repeat right bottom; display:inline-block; min-width:60px; height:33px; white-space:nowrap; position:relative; cursor:pointer; margin-left:14px; } .iwdCheckBox.checked{... continua

tonalità di colore dando il senso di continuità. Case History Vediamo due esempi di uso dei pattern con foglio di stile CSS. CSS body { background-repeat: repeat;... continua

Foto

:relative; cursor:pointer; padding:10px 20px; background-repeat:no-repeat; /* The following two rules are fallbacks, in case the browser does not support multiple backgrounds. */ background-position:bottom left;... continua

Scopri

;</div> </div> Potete usare i CSS per definirne la presentazione: #latest-tweet { float: right; width: 30%; padding: 1em 1em 1em 90px; background: url(twitter.png) no-repeat 0 50%; } #tweet { line-height: 1.4; font-size:... continua

Scopri

: 64px; display: inline-block; text-indent: -1000em; margin-right: 5px; background-repeat: no-repeat; background-position: 0 0; } #social #twitter { background-image: url(twitter.png); } #social... continua

Foto

funzione nella marcatura: <img src="<?php echo dataURL('image/gif', 'icon.gif');?>"/> O nel CSS: <style type="text/css"> body { background: url(<?php echo dataURL('image/png', 'body.png');?>)... continua

usate jQuery, la soluzione potrebbe essere la seguente: <div class="file"> <input type="file" name="file" id="file" /> </div> $(':file').css('opacity', 0); E nel CSS: div.file { width: 120px; height: 40px;... continua