tag:blogger.com,1999:blog-8267402375475371484.post8834995185244238755..comments2024-03-10T00:20:37.046+01:00Comments on IdpCeIn: 5 Effetti per immagini ottenuti con il solo CSS.Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-8267402375475371484.post-45806776998362614052013-11-12T16:21:26.877+01:002013-11-12T16:21:26.877+01:00si esattamente... eh eh non sapevo che fosse compl...si esattamente... eh eh non sapevo che fosse complicato :/ vbb mi inventerò qualcosa, grz cmq :DMARCOhttps://www.blogger.com/profile/13638792769237742499noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-43415124806266501992013-11-11T16:27:42.364+01:002013-11-11T16:27:42.364+01:00Vorresti che si muovesse l'immagine anche se i...Vorresti che si muovesse l'immagine anche se il mouse passa su un link e non sulla stessa? Mi sembra molto complicato :)<br />@#Ernesto Tirinnanzihttps://www.blogger.com/profile/03393759575661143644noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-69278326251424438902013-11-11T15:48:12.064+01:002013-11-11T15:48:12.064+01:00ah scusa ,allora, forse non mi sono spiegato bene ...ah scusa ,allora, forse non mi sono spiegato bene :/ io vorrei che al passaggio del mouse su un testo-link, l'immagine si muovi in effetto sbilenco. MARCOhttps://www.blogger.com/profile/13638792769237742499noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-74032455347408361592013-11-10T20:24:31.974+01:002013-11-10T20:24:31.974+01:00Non so che dirti. Prova a andare nel sito di un Ed...Non so che dirti. Prova a andare nel sito di un Editor in Real Time come questo <br />http://htmledit.squarefree.com/<br />e prova a incollare questo codice<br /><style><br />#sbilenco { width: 800px; margin: 0 auto; } #sbilenco img { margin: 20px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #sbilenco img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }<br /></style><br /><a href="#"><div id="sbilenco"><img src="http://lorempixum.com/400/133"/></div></a><br />In basso vedrai l'immagine che si sposterà a sinistra di 10 gradi quando il cursore ci passa sopra<br />@#Ernesto Tirinnanzihttps://www.blogger.com/profile/03393759575661143644noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-38249272596642235232013-11-10T20:06:51.710+01:002013-11-10T20:06:51.710+01:00Grazi ma sfortunatamente non mi funziona... mi sap...Grazi ma sfortunatamente non mi funziona... mi sapresti dire dove sbaglio...<br /><br />i44.tinypic.com/154bwaq.jpgMARCOhttps://www.blogger.com/profile/13638792769237742499noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-3621612459681891362013-11-10T20:03:31.677+01:002013-11-10T20:03:31.677+01:00Questo commento è stato eliminato dall'autore.MARCOhttps://www.blogger.com/profile/13638792769237742499noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-38000496346171003122013-11-10T18:08:29.290+01:002013-11-10T18:08:29.290+01:00@# Per prima cosa devi incollare questo codice sub...@# Per prima cosa devi incollare questo codice subito sopra alla riga </head> in Modello > Modifica HML<br /><br /><style><br />#sbilenco { width: 800px; margin: 0 auto; } #sbilenco img { margin: 20px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #sbilenco img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }<br /></style><br /><br />poi devi inserire le immagini nell'Editor del post su Blogger con questo codice<br /><br /><a href="URL DEL LINK"><div id="sbilenco"><img src="URL IMMAGINE"/></div></a><br /><br />Ernesto Tirinnanzihttps://www.blogger.com/profile/03393759575661143644noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-54557829729495691942013-11-10T13:23:50.272+01:002013-11-10T13:23:50.272+01:00Ciao :D ,come dovrei scrivere se voglio che al pas...Ciao :D ,come dovrei scrivere se voglio che al passaggio del mouse su un link, sull'immagine si attivi l'effetto sblilenco ????MARCOhttps://www.blogger.com/profile/13638792769237742499noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-8548485017046561812013-10-11T13:34:34.440+02:002013-10-11T13:34:34.440+02:00Se la prima parte la inserisci nel modello è così....Se la prima parte la inserisci nel modello è così. C'è scritto chiaramente:<br />"Il codice di ciascun effetto sarà suddiviso in due parti. La prima che inizia con < style > e finisce con < /style > può essere incollata direttamente nell'articolo in modalità HTML oppure inserita nel modello subito sopra a < /head >. La seconda parte che è formata dal codice HTML deve invece essere incollata nel punto della pagina in cui si vogliono visualizzare le immagini. Se si è optato per la prima parte del codice nel modello si potrà inserire lo stesso effetto in tutte le pagine del blog semplicemente usando la seconda parte del codice."<br />@#Ernesto Tirinnanzihttps://www.blogger.com/profile/03393759575661143644noreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-13441955339025962972013-10-11T10:20:44.087+02:002013-10-11T10:20:44.087+02:00cioè quindi ernesto se applico il codice per un ef...cioè quindi ernesto se applico il codice per un effetto questo funziona di default su qualsiasi immagine io inserisca?<br />grazieAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8267402375475371484.post-16103318015133007592013-10-03T19:00:52.893+02:002013-10-03T19:00:52.893+02:00Ciao Ernesto, se possibile, potresti creare un tut...Ciao Ernesto, se possibile, potresti creare un tutorial su come personalizzare le miniature di un articolo?Anonymousnoreply@blogger.com