' quello che vedi sotto : </script> <style type="text/css"> .abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center...continua
-wallpaper-calendar-may-2012%2F&via=smashingmag" class="share-on-twitter">Tweet</a> Quindi aggiungiamo gli stili CSS: a.share-on-twitter { display: block; height: 30px; width: 100px; background: #eee url(twitter.png)...continua
gli elementi a contenuto testuale). Applicare i CSS Il codice che segue viene applicato in modo predefinito all’orientamento landscape : #app { width: 1024px; margin: 0 auto; height: 100%; min-height: 100%; position: relative; } #header { width: 100%; height: 160px;...continua
’immagine, la quale potrà ripetersi come un pattern oppure no. Le proprietà dello sfondo sono applicabili a tutti gli elementi HTML e sono le seguenti: background-color: Gestisce il colore di sfondo. background-image: Gestisce l’immagine di...continua
. Personalizzare il logo function custom_login_logo() { echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/images/logo-login.gif) 50% 50% no-repeat !important; }</style>'; }...continua
Foto
; background:url('../image/arrow-bottom.png') no-repeat; } Questo invece il codice specifico per la gallery, definito nel foglio di stile style.css . #gallery-container { height:404px; width:690px; margin: 30px auto;...continua
modo automatico alla pagina senza dipendere dalle dimensioni dello schermo. E' quindi una soluzione responsive ! Basta modificare solo il tuo CSS, in questo modo: * { margin: 0; padding: 0; } html { background: url(images/nature.jpg)...continua
Foto
corrisponde a 2 pixel retina: < div id = "editIcon" >< / div > Nel css invece andremo ad impostare: #editIcon { height : 16px ; width : 16px ; background : url ( img/edit.png ) no-repeat ; // L 'immagine avrà una...continua
download alla fine dell’articolo. Intanto modifichiamo lo stile dell ‘index con del Css in linea : <style type="text/css"> <!-- html,body{height:100%;} body {margin:0; padding:0; background:#111 url(mcs_demo_bg.jpg)...continua
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
durante lo stretch gli elementi non rimarranno congiunti coerentemente. Ecco l’implementazione nel CSS: .area { background-repeat: no-repeat; background-image: url(topleft.png), url(topright.png),...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
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
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