Come si realizza questo effetto?
Autore: Valerio V.
Visite 1509,
Followers 1,
Condiviso 0
Come si fa ad ottenere l'effetto visibile a questo indirizzo? Ossia come si realizzano questi pulsanti e relativi effetti?
Postato il
http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
Autore
Grazie Mille Skeggia!!!
Buongiorno ragazzi, gran bel effetto mi piacerebbe includere una cosa simile nel progetto che sto realizzando, ma pur leggendo quel sito ( tradotto ) non ci capisco molto, non e che qualcuno di voi tanto gentile, potrebbe aiutarmi postando qui un po' di procedimenti ? Non sono una cima lo so, ma credo che questo vostro aiuto sarebbe comodo non solo x me... Grazie in anticipo raga, e buon anno ;)
@adriano: per integrare questi esempi, bisognerebbe essere leggermente addentrati nella comprensione della codifica html, di norma, la parte di codice compresa tra i tag head e /head e va messa nella sezione esperto, o delle proprietà di pagina o al passo 4 (v11), sempre sezione esperto, allegare i file relativi citati in detta parte di codice, poi inserire la parte di codice compresa tra i tag body e /body in un oggetto html sulla griglia di pagina, allegare tutti i file necessari, nella scheda esperto dello stesso ogg. html...come potrai notare dal progetto, pappa pronta, che puoi scaricare qui...
http://www.skeggia12.it/hover.zip
Grazie mille Skeggia, appena ho un minuto proverò la tua pappa ( ti ringrazio anche x le innumerevoli volte che ho trovato benefici dai tuoi sugerimenti/consigli sempre qui su answer, sei un grande )
Speriamo di capirci qualcosa ( non che tu sia stato poco chiaro, sono io poco ferrato ;) ) grazie ancora
accidenti................. non mi apre il progetto, xke io ho solo la versione 11 e questo e stato fatto con la 11 pro....................... Però mi piaceva la cosa :(
ciao adriano, ti posto un progetto fatto con la v10 evolution, che dovresti poter aprire con la tua v11evo...spero senza problemi. Grazie.
http://www.skeggia12.it/hoverv10.zip
Ciao Mirko, ma grazie a te ( non una, cento volte ) non vorrei fare l'approfittatore, ma trovandoci in argomento volevo anche chiederti
ok nella pagina dove voglio mostrare questo effetto, ci metto quel codice li... e analizzandolo vedo che ci sono i nomi delle immagini tipo ="img/12.jpg" che ovviamente andrò a sostituire con le mie immagini ma... supponendo che la mia si chiami aaaa.jpg, e lo scriva identico al posto del altra, x far comparire poi l'immagine dove devo upparla ? nello spazio web da me acquistato ?? a casaccio oppure in una cartella specifica ???? e x ridurre un po' la dimensione delle immagini ( cosi da non averne due per volta, ma cinque o sei per riga, su altrettante colonne ) a he punto del codice devo sistemare ??? ho gia capito dove sostituire le scritte, x fare uscire quelle di mio interesse ( ole' heheh ) praticamente, ti spiego l'effetto finale desiderato come dovrebbe venire:
L'idea e quella di creare tipo un tappeto, che prenda tutto il contenuto della pagina, un tappeto di immagini diverse ( loghi ) ovviamente con click e collegamento iperattivo alla sua propria pagina ( sempre del sito ) mi spiego ?????
Normalmente avrei usato l'oggetto campo di testo, e dentro ci avrei aggiunto tutti i loghi ( ridimensionandoli a mano, a mio piacimento ) ogni uno con il suo collegamento iperattivo ( magari modificandoli prima con un programma di grafica, e aggiungendo del testo sulla foto ) cosi facendo avrei ottenuto si il mio tappeto, di misure che dicevo io e con i collegamenti iperativi ma........ sarebbe stato statico, mentre che cosi con un effetto movimento appena ci si poggia il mouse, tutto diventa piu... dinamico non trovi ???????????
Spero di essermi espresso abbastanza chiaramente, ti ringrazio in anticipo x l'aiuto che credo e spero mi darai ( senza fretta, con calma ) e ti auguro buon week end :D
... effettivamente, di questi tempi, con lo stesso cappellino si confondono, ... ...
Ciao Kolasim, forse non ti ricordi di me, tempo fa anche tu mi aiutasti in diverse cose ( e te ne sono ancora grato ) raga che volete da me ;) non sono cosi bravo come voi, ecco xke chiedo... se a te, mirko o qualche altro ho dato l'impressione del approfittatore chiedo scusa
difatti, quasi quasi non gli risponderei... per avermi confuso...
Adriano, per fare quello che vuoi tu bisogna mettere mano pesantemente al codice dell'esempio, modificare il css della griglia delle immagini, e poi, per far rientrare lo scorrimento del testo nel riquadro delle immagini bisogna anche andare a variare i parametri di scorrimento in ogni effetto... (se fa i caso alla mia pagina di test, noterai delle imprecisioni sullo scorrimento del testo in alcuni effetti...ma a me non importa...) insomma un lavoro lungo...
le immagini quando le sostituisci con le tue, dopo aver inserito i nomi nel corpo dell'ogg. html, dovrai cancellare quelle vecchie nel tab esperto dello stesso ogg. html, nel riquadro dove alleghi i files, e inserire li le nuove foto...nella stessa posizione di dove erano le precedenti (il percorso dichiarato nel corpo dell'ogg. html)...ne vale la pena?
Forse non la hai capita...ma voleva dirti che hai ringraziato me, invece, dovevi ringraziare Skeggia che ti ha messo il suo progetto....
arrivato tardi....
eh gia non avevo compreso ;) cmq e uguale, vi ringrazio tutti, se bene mi rendo conto che non sia pratico/fattibile x me raggiungere quel risultato, vi ringrazio tutti lo stesso...
peccato xò, poteva avere gia compreso quest effetto, e non solo... a mio modo mancano non poche cose... al uscita acquistai la 9, che rispetto alla 8 aveva mooolte piu cose, ho saltato la 10, e con la 11 non trovo neanche la metà della metà delle cose che mi aspettavo :(
Grazie ancora del tempo dedicatomi ragazzi, scusate x l'errore