Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Comparsa testo al passaggio del mouse Opzioni
Fleccer
Inviato: Tuesday, July 14, 2009 8:39:28 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 564
Ciao a tutti. Volevo sapere come si crea un effetto rollover che faccia comparire del testo quando si passa il puntatore sopra ad un immagine.
In pratica sto creando una pagina dove metterò una composizione di foto ,vorrei semplicemente fare in modo che quando passo con il mouse sopra ad una foto compaia di fianco ad essa una breve descrizione di testo.
Di solito con gli effetti rollover si ha uno scambio di immagini, in pratica quando si passa con il puntatore sopra ad un immagine ne compare un altra. Io invece volevo fare in modo che anzichè un altra immagine mi compaia del testo. So che è possibile , ma incredibilmente in rete non ho ancora trovato nulla a riguardo.
Attualmente sto usando Fireworks mx , ma se posso usare anche altri programmi va bene lo stesso.
Sponsor
Inviato: Tuesday, July 14, 2009 8:39:28 AM

 
ecofive
Inviato: Tuesday, July 14, 2009 7:25:54 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
La soluzione è semplicissima: di solito qualsiasi web editor permette di usare il tag alt. Metti la scritta che vuoi e ti appare sulla foto. Con Firefox bisogna mettere invece il tag title (se ricordo bene). Se mi dici quale web editor ( solo Fireworks?) usi posso essere più preciso, in alternativa ti posso postare il codice sorgente.

Ciao.
ecofive
Inviato: Tuesday, July 14, 2009 9:26:00 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Il codice per inserire un'immagine (chiamata p.es. panorama.jpg) è generalmente il seguente:
<img src="panorama.jpg">
Per ottenere ciò che desideri, è sufficiente inserire anche il codice che ti ho scritto in grassetto (in questo modo la visualizzazione corretta avverrà sia con Explorer sia con Firefox):
<img alt="Panorama di Parigi" title="Panorama di Parigi" src="panorama.jpg">

Ciao.
Fleccer
Inviato: Wednesday, July 15, 2009 7:45:10 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 564
Ci provo subito poi ti faccio sapere. Grazie mille per adesso.
P.S. per la grafica uso Fireworks Mx , e Dreamweaver per creare le pagine.
ecofive
Inviato: Wednesday, July 15, 2009 8:17:30 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
L'immaginavo. Comunque con Dreamweaver puoi inserire, se ricordo bene, altro codice nella pagina web.

Buon lavoro.
Ciao.
pidue
Inviato: Wednesday, July 15, 2009 8:26:49 AM

Rank: AiutAmico

Iscritto dal : 6/2/2005
Posts: 7,332
Guarda qui, anche se col tuo editor puoi risolvere senza agire direttamnte sul codice.



Fleccer
Inviato: Sunday, July 19, 2009 8:59:28 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 564
Quello che vorrei fare è un rollower disgiunto. Vale a dire che posizionando il puntatore su di una immagine (foto) compare una finestrella (come nei fumetti) con un breve testo descrittivo da me creato dell'immagine stessa.
Con Fireworks riesco a creare tutto ciò che voglio dai rollower ai vari menu a comparsa ecc... Il problema si verifica quando vado ad esportare questi files complessi per importarli in Dreamweaver . Fireworks mi costringe ad esportare questi files con l'opzione Html+immagini pena la perdita dei comportamenti (vale a dire che mi ritroverei con un semplice file immagine ma senza gli effetti rollower). Solo che così facendo il file esportato me lo ritrovo nella cartella di destinazione tutto a pezzi anzichè come file unico. E quindi quando vado ad importare questo file in Dreamweaver per inserirlo nela pagina che sto creando me lo ritrovo tutto a pezzi (porzioni).
Sono mesi che sto impazzendo per questo problema alla faccia dell'intercompatibilità di questi due programmi tanto decantata dalla macromedia. Ho provato a cercare il modo di visualizzare il codice html dei files creati con fireworks perchè in tal caso sarebbe facilissimo in quanto basterebbe copiare il codice da fireworks e incollarlo in Dreamweaver. Ma a quanto pare fireworks non da la possibilità di visualizzare il codice direttamente dal programma.
Quindi sono al palo , ho provato e riprovato a cercare info in rete ma a quanto pare nessuno usa fireworks per la grafica web. Quindi se qualcuno conosce altri programmi per creare effetti rollower gli sarei grato se me li indicasse perchè fireworks mi ha rotto davvero.
Grazie a tutti.
ecofive
Inviato: Sunday, July 19, 2009 9:51:22 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Non capisco come vorresti realizzare il "rollover disgiunto". A quel che ne so con il rollover si alternano due immagini, non un'immagine e una descrizione ( a meno che tu non voglia realizzare un funetto e salvarlo come immagine avente dimensioni uguali alla precedente).
Vedi se ti siano utili questi link:
http://javascript.html.it/demo/javascript/869/esempio.htm
http://www.softwareplanet.net/php/mostraLezione.php?idl=261
www.chinalex.org/~cgena/alfieri/fireworks3.pdf
http://www.mrwebmaster.it/script/bottone-animato_1001.html

Buon lavoro.
Ciao.
Fleccer
Inviato: Monday, July 20, 2009 10:43:56 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 564
[quote=ecofive]Non capisco come vorresti realizzare il "rollover disgiunto". A quel che ne so con il rollover si alternano due immagini, non un'immagine e una descrizione ( a meno che tu non voglia realizzare un funetto e salvarlo come immagine avente dimensioni uguali alla precedente).
Vedi se ti siano utili questi link:
http://javascript.html.it/demo/javascript/869/esempio.htm
http://www.softwareplanet.net/php/mostraLezione.php?idl=261
www.chinalex.org/~cgena/alfieri/fireworks3.pdf
http://www.mrwebmaster.it/script/bottone-animato_1001.html

Buon lavoro.
Ciao
Sto cercando (finora senza successo) di caricare un immagine al mio post in quanto un immagine spiega molto meglio di qualsiasi parola.
ecofive
Inviato: Monday, July 20, 2009 12:00:50 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Direi proprio di sì.
Per caricare le immagini, leggi questo thread, in cui Azzurra spiega tutto benissimo:
http://forum.aiutamici.com/yaf_postst61754_Icone-nel-testo.aspx

Ciao.
Fleccer
Inviato: Monday, July 20, 2009 4:59:38 PM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 564
Ci sono riuscito finalmente.
Dunque: la prima immagine mostra una foto in stato di riposo, mentre la seconda mostra la stessa foto come appare quando si porta il puntatore sopra di essa.
Questo è ciò che viene definito un rollower disgiunto ,che si differenzia dal rollower semplice.
Questi effetti li ho creati con fireworks. Il problema è che non posso trasferire tutto questo sulla pagina che sto creando con Dreamweaver.
In pratica posso creare tutto ciò che voglio, ma poi non lo posso utilizzare. Perchè appena provo a mettere tutto ciò sulla pagina che sto creando mi si incasina tutto.
Il file che qui vedete riprodotto una volta esportato da fireworks me lo ritrovo tutto a pezzi. E quindi come faccio ad inserirlo in Dreamweaver?
Fireworks serve solo per creare grafica ed affetti vari ,ma la pagina web vera e propria la si crea con Dreamweaver.
Mi scuso per le dimensioni delle immagini ma purtroppo non sono riuscito a fare di meglio.
URL=http://www.iouppo.com][/URL]
simo95
Inviato: Monday, July 20, 2009 5:26:35 PM

Rank: AiutAmico

Iscritto dal : 12/4/2008
Posts: 2,008
Osservazione: hai una versione obsoleta di eMule, e anche piena di lacune di sicurezza. Se non la tieni per qualche motivo in articolare, ti consiglio di aggiornarla.
ecofive
Inviato: Monday, July 20, 2009 5:54:29 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Onestamente non avevo mai sentito parlare di rollover disgiunto (ho imparato una cosa nuova), anche perché non ho mai usato né Fireworks né Dreamweaver.
Ho trovato questi tutorial:
http://www.hostingedomini.com/supporto/Fireworks/01Tutorial7.asp
http://grafica.html.it/guide/lezione/551/il-rollover-disgiunto/
http://livedocs.adobe.com/fireworks/8_it/fwhelp/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=gs_06_w6.htm

Da quel che ho capito, leggendo abbastanza in fretta, il codice viene proprio spezzettato. Non conoscendo però questi software, non posso dirti di più.
Buon lavoro.
Ciao.
ilrestodiniente
Inviato: Friday, July 24, 2009 10:25:13 PM

Rank: AiutAmico

Iscritto dal : 4/13/2004
Posts: 1,376
Se vai a questo link

http://javascript.html.it/script/

nella sezione link&tooltip

Ciao
Silvio



Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.