Immagine al passaggio del mouse non corrispondente a quella off
Auteur : Silvia M.ciao... ho un problema col pulsante che ho creato per Fb. l'ho inserito sia sull'intestazione che sul footer. il problema che vi descriverò è solamente visibile sul pulsante dell'intestazione ch'è leggermente più piccolo (rimpicciolito durante l'inserimento), ma i file usati sono medesimi e uguali in dimensione tra di loro (immagine in versione off e on). al passaggio del mouse sembra che l'immagine on si sposti leggermente o che comunque sia un pochino più grande. ma come ho già detto non è così. la cosa strana è che questo difetto lo riscontro solo a pubblicazione fatta, se quardo l'anteprima su website e tutto perfetto. ho fatto molti tentativi ma non sono riuscita, ho lasciato l'immagine grande ed ampliato l'intestazione... l'ho cancellata rimessa e riposizionata tante volte e ripubblicato il progetto per ogni tentativo che ho fatto. tanto che avevo pure messo inevidenza ancora di più il problema. ma alla fine sono riuscita più o meno a lasciarlo come all'origine.. un po' più accettabile. ho fatto prova ad inserirlo anche in un sito che uso per fare prove e lì è andato tutto bene. non capisco proprio quale sia il problema :( ecco il sito http://ambulatoriorampollavet.it/
anche se non centra nulla, pulisci qui...
Auteur
cioè qualcosa di troppo? forse ho fatto casino con il copia incolla
Auteur
devo levare i </div> ripetuti e lasciarne uno? per curiosità, te ne sei accorto ispezionando il codice oppure hai notato qualcosa ad "occhio nudo"?
Secondo me lo spazio nell'intestazione è più piccolo rispetto a quello del footer quindi lo ristringe l'immagine anche se sono uguali, quando sopra lo inserisci prova dare manualmente le stesse misure di sotto, ance il motivo che si sposta è per questo. In alto trovi l'icona da inserire le misure manualmente. Prova in questo modo, dopo dovrebbe essere uguale con quella nel footer :)
guardando il codice....devi togliere solo quelli segnati in rosso....</BR> e </a>
Auteur
no.. guardando l'oggetto html non vedo nulla. se c'è quancosa in più non l'ho messo io ma il programma e non so come levarlo. tra l'altro non risco ad individuarlo. è importante?
Auteur
prima devo trovarli, poi devi dirmi come levarli
Auteur
ah quelli messi da me ho capito.. ma perchè? io mi sono rifatta a codici trovati in rete. è sbagliato?
forse hai lasciato da parte qualche pezzo di codice...
Auteur
ho fatto la prova a levarele scritte in rosso. non va bene, la scritta non scorre più al centro ma in alto
Auteur
non avevo notato il tuo messaggio.. provo stasera o più tardi e ti faccio sapere.
però ora vedo che hai risolto....almeno l'immagine resta ferma...
Auteur
ma non so dirti mirko ancora cmq non è come dovrebbe. domani vedo cosa mi ha detto di provare kris
Guardando meglio, ora non si alza più....si sposta leggermente verso dx...
Auteur
secondo come posiziono l'immagine cambia di poco o di molto, verso dx o verso l'alto. mistero!
Non hai risolto? Se non riesci aumentando lo spazio oppure cambiando la grandezza all'originale , allora per il header ti consiglio di rimpiccolire le immagini prima con adobe, paintshop o quello che usi. Fammi sapere
Auteur
non ho ancora provato, ma prima di scrivere il post avevo provato a salvare le immagini con dimensioni inferiori, pensando che in questo modo una volta inserite fossero di dimensione tale da non essere necessario il ridimensionamento. ma le inseriva sempre grandi e dovevo ridimensionare. le ho anche salvate davvero molto più piccole dell'originale ma senza successo. ho aperto il sito stamattina con chrome, con il livello di zoom grande non ho visto più il difetto, rimpicciolendo con ctrl - di un punto si vede sempre
Ciao,
io vedo tutt'ora sopra ad ingrandirsi. Forse non hai fatto ancora nulla ? se alla fine non riesci mandami via email l'immagine te lo faccio io per la misura di sopra, altrimenti deve alzare il header xkè ci entra senza muoversi :)
Auteur
giorno.. esatto ancora non ho fatto nulla perchè temo di peggiorare l'effetto come mi era già capitato. vedrò di provare entro oggi e se non ho successo di scrivo
... io non ho il programma per provare, ma dall'effetto mi sembra di capire che le due immagini non sono congrue...!... (le ho sovrapposte e non coincidono)...
... pertanto ti propongo due alternative:
1^) - di non usare l'ombreggiatura del programma, ma di creare le due immagini perfettamente coincidenti di eguale misure, e se ti serve l'ombreggiatura, questa applicala con il tuo programma di grafica, (vedo che in basso non c'è, per cui non interferisce)...
2^) - applicare l'effetto rollover direttamente tramite finestra codice HTML o simbolo pergamena del menu; semplicissimo (*)
...
(*) - tramite un Oggetto HTML&WIDGETS | ESPERTO | ALLEGATI, allega le due immagini chiamate per esempio "segugio1.pdf" e "segugio2.pdf", lasciando "files" come cartelle per la destinazione delle immagini; ...quindi, nella pergamena, adeguatamente dimensionata per contenere le immagini, incollerai questo codice nella finestra predisposta in basso:
<img src="files/segugio1.png" onmouseover="this.src='files/segugio2.pdf'" onmouseout="this.src='files/segugio1.pdf'">
... come vedi, semplicissimo; un copia/incolla...
...
... eventualmente allega le due immagini, in modo che si possa verificare la congruità, oppure metti il link, tipo questi usati per HEADER e FOOTER:
http://ambulatoriorampollavet.it/images/seguici_on_c5b4o40l.png
http://ambulatoriorampollavet.it/images/seguici_on.png
... e se fai come detto, al posto di "images" dovrà esserci "files" e le immagini PNG suggerite...
.
ciao
Auteur
intanto ti rispondo su un paio di cose. le immagini che ho integrato sono identiche sul footer e sull'header. l'effetto ombra l'ho aggiunto dopo per prova.. ma il difetto era già presente. quando ho costruito le immagini non ho alterato il rettangolo. ho salvato la prima immagine e poi ho modificato il disegno e salvato con nome, senza effettuare nessun altro cambiamento
Auteur
ma stai parlando della sezione"modifica modello"? le immagini devono essere in formato pdf?
devo creare una cartella "files" dove mettere le 2 immagini?
no, no le immagini vanno bene in Png....deve aver sbagliato a scrivere....
ho provato con le tue immagini qui, anche allargandole o stringendole l'effetto funzia sempre bene....strano....
http://provews.altervista.org/silvia/
Auteur
e te l'ho detto ch'è strano :( le ho levate e messe più volte.
comunque ancora non ho ben capito da dove dovrei fare ciò che suggerisce koalsim. avevo fatto un tentativo e mi si è sollevata la tabella e l'immagine accanto sopra l'header sovrapponendosi con resto
Sicuro?
Il cane "saltella", ora.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
metti un'oggetto html in intestazione e incolli il codice con png come estensione....poi esporta le 2 immagini nella cartella files....
Quello si perchè ho distorto le immagini...ma il bordo del quadro blu resta immobile...
l'immagine on è un px piu alta, probabilmente è causato dall'ombra, prova a toglierla per vedere
... anche se lo troverei naturale, saltella ancora perché le immagini non sono congrue...
... il risultato si potrebbe ottenere nel modo che avevo indicato; per esempio, rivisto a grandi linee: http://www.zspace.it/kolasim/prove/segugio.html
>> rollover JS suggerito prima: http://www.zspace.it/kolasim/prove/segugio.html
>> + Snake.Xenzia : http://www.ilcacciatoredinuvole.it/rollover/index.html
.
ciao
A me pare che saltelli ancora perché, come hai detto, le immagini non sono "uguali".
Chi ha la 10 può provare queste due che allego, per vedere se il cane "salta" ancora.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
... sì sono precise, esatte ...
>> rollover lemonsong >> http://www.zspace.it/kolasim/prove/segugioL.html
.
Auteur
mamma mia è nata una lunga disquisizione sul "mio cane".. sono senza parole e ancora non ho provato nulla causa forza maggiore. cerco di rileggere e rivedere tutto con calma
Auteur
ormai vedo il mio segugio ovunque ci state tutti smanettando ;) ahahahahaha
comunque sono confusa, ammettiamo che riesco ad inserire l'immagine usando oggetto html, come lo collego alla pagina di fb?
... se è un LINK, allora è stato detto prima, (Snake.Xenzia)...
... sostituisci # con l'URL fornito da fb...
.
Non guardare il cane, leggi meglio quello che è stato scritto e prova ad usare il programma con le immagini giuste (non è detto che il problema siano le due immagini non precise).
=============================
Quasi OT
Visto che sembri un po' "spaesata", prova ad usare la stessa funzione anche per il logo (WS crea un tag img per la seconda immagine) da far vedere a FB, vedi questo post:
http://answers.websitex5.com/post/95354
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Auteur
ho aperto il link, ma volevo sapere se devo usare la prima stringa , e poi di seguito la seconda parte oppure la terza a seconda di ciò che mi serve
Auteur
ho fatto una prova fallimentare (tanto per cambiare) Koalsim. ovviamente c'è più di qualcosa che mi sfugge. a parte la precedente domanda, vorrei spiegata una cosa. le immagini come vengono trovate? devo inserirle in una determinata cartella?
... per allegare le immagini, esattamente come detto prima:
... quindi, aggiungendo il LINK FB della tua pagina, diventerebbe così: http://www.zspace.it/kolasim/prove/segugioL_FB.html
... è la stessa pagina di prima; ...ho incorporato il rollover nel TAG A
... clicca nella pagina col destro del mouse e leggi il codice HTML usato, che è quello che è stato detto...
... quindi, allegando le immagini nel modo detto, ed usando lo stesso nome usato nel codice dell'esempio segugio1L.pnp, segugio2L.png, (lemonsong), altrimenti correggi, ed il tutto si ridurrebbe ad un copia/incolla istantaneo, anticipando files/ nel nome immagine dell'esempio....
... se servissero chiarimenti sull'esempio, fatti risentire...
...!... ... comunque, non servirebbe neanche; ...io ti consiglio di provare con queste ultime immagini e direttamente nel programma, nel modo che ti avevo già detto, senza apportare modifiche all'aspetto, ombre, effetti, ecc., se non applicati in precedenza con il tuo programma di grafica...
.
ciao
Sono contro la vivisezione ma leggendo 'sto post mi viene quasi la voglia di cambiare idea...
Silvia, compro una scatola di croccantini al segugio se provi a scaricare le due immagini che ho zippato e le provi sulla 10.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Auteur
mi spiace di averti spronato verso la vivisezione.. sono anch'io contraria! ;) scusa ma il tuo precedente messaggio non l'avevo proprio visto. perdonatemi se vi sembro de coccio, non sono idiota giuro.. ma finchè una cosa non la visualizzo bene annaspo. Lemonsong inizia a omprare i croccantini perchè ho scaricato i file zippati. adesso li provo, ma spiegami cosa dovrei notare con la 10?
Auteur
a parte la penultima prova che avevo fatto, nella quale avevo aggiunto l'ombra, nè prima nè ora ho aggiunto ombre (come già detto prima). quell specie di effetto ombra l'ho creato al momento della costruzione delle immagini. perchè deve essere un problema?
tra un po' cedo alla tentazione di lasciare tutto così com'è. mi sento un idiota, non capisco perchè con il livello di zoom grande, il fastidioso effetto non si vede. dove sta il problema?
Auteur
perchè TARGET_PARENT e TARGET_BLANK?
Auteur
lemonsong ho visto che i file che hai zippato mostrano che sono diversi. ma perchè? li hai modificati? con questi qui si vede subito sull'anteprima senza bisogno di pubblicare, mentre con quelli originali sull'anteprima del programma sembra tutto perfetto, copiando il link sul browser si vede un leggero difetto solo restringendo lo zoom.
p.s. ovviamente non sono riuscita ad inserire le immagini come mi avete spiegato con oggetto html. una volta che (sulla costruzione header) metto oggetto html, dove trovo esperto e dove allegati? che passaggio mi manca?
Auteur
ho provato la stessa immagine, quindi stato off ed on con la prima immagine. al passaggio del mouse l'immagine del mouse non cambia ma, come dite voi "saltella". non è questa la coferma che non è questione di differenza delle immagini (che comunque hanno medesima dimensione) ma di un effetto previsto dal programma o forse un difetto del medesimo? almeno vorrei sapere questo
Auteur
*scusate ripetizione non voluta "del mouse" servirebbe la funzione modifica dei post
... hai notato la differenza al click ...?...
... la prima apre nella stessa finestra, e la seconda apre in una NUOVA finestra propria...
... per il resto, per come si vede adesso, se non sei troppo pignola, direi che va molto bene se non perfetto, e lo ZOOM del browser deve essere sempre impostato al 100% (Ctrl+0); ...se noti lo sfasamento, dipende dal fatto che una immagine è incorporata e fusa nel TOP/FOOTER, con dimensioni complessive totali e quindi diverse da quella del rollover, per cui un eventuale zoom agirebbe calcolando di conseguenza, e venendosi a falsare leggermente le coordinate, (cosa che non avverrebbe con il mio esempio, se l'hai provato, perché rimangono di misure identiche)...
... tanto per capire, le tue immagini REALI ed attuali sono queste:
>> TOP: http://ambulatoriorampollavet.it/style/top.png
>> rollover1: http://ambulatoriorampollavet.it/images/seguici_on_lt08n3hb.png
>> FOOTER: http://ambulatoriorampollavet.it/style/bottom.png
>> rollover2: http://ambulatoriorampollavet.it/images/seguici_on.png
... io sono senza programmi, quindi più di quanto non posso, a parte le idee...
.
bye
.
p.s.: ...dimenticavo; ...per allegare le immagini, visto che lo chiedevi e nel caso ti interessasse ancora, devi usare un oggetto HTML&WIDGETS qualsiasi di una qualsiasi pagina...
Auteur
no perchè non avevo cliccato che scema! mi ero limitata a guardare il codice.
non è che io non voglia fare il tentativo che mi hai indicato. dimmi pure scema ma qualcosa mi sfugge.. perchè avevo seguito le indicazioni ma si è solo formato un riquadro rettangolare senza immagine. forse devo mettere le immagini in un determinato percorso?
comunque al massimo lo lascio così pazienza, sono un po' pignola in effetti... cioè mi da fastidio che non sia messo a regola d'arte quando sarebbe possibile farlo. ma ripeto se non ne vengo a capo dovrò accontentarmi, certo non mi suiciderò per questo!
@Silvia
Non ho ancora capito se le hai provate o no ma se per caso le due immagini zippate vanno bene, non devi fare altro che usare gli strumenti del programma.
Come già detto, se eviti gli effetti e il ridimensionamento, potresti vederle "senza difetti" anche con lo zoom alterato.
Ho due gatti e un cane, la storia della vivisezione era una battuta
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Auteur
(sapessi quanti ne ho io di cani e gatti! lo so che stavi scherzando.. ti seguivo nello scherzo naturalmente)
le ho provate ad inserirle anche con gli strumenti facilitati del programma, al passaggio del mouse sembra che la seconda aumenti di altezza in modo molto evidente.
Prima di scrivere il post, pur non capendo le ragioni di questi strani effetti, avevo già pensato da me a non alterare le dimensioni delle immagini, aumentando invece l'altezza dell'intestazione. non mi ricordo se andasse bene o meno perchè di base non mi piaceva il tutto con le nuove dimensioni.
OK, sicuramente la mia vista sta perdendo colpi ma mi pare che questo segugio non saltelli:
http://lemonsong.altervista.org/test_segugio/
Se usi lo zoom (+/-) sì, si "sposta" in maniera diversa a seconda dei vari browser.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Auteur
non lo so se la colpa è della tua vista. le iimagine scaricate mi sembra che comunque siano di uguale dimensione.. boh.. mi rassegno.
allora lascio tutto così com'è va..
grazie a tutti per le infinite spiegazioni e per non avermi mandato a quel paese ;) magari successivamente mi studio l'inserimento delle immagini tramite oggetto html per metterlo come si deve! Saluti a tutti e buonanotte!
Sì ma, il segugio (inserito da programma) linkato, ti sembra che saltelli a zoom 100%?
Continuo a non capire e mi arrendo, evidentemente parliamo due lingue differenti.
Bye
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Auteur
si anche il suo saltella (anche se saltella mi sembra improprio, sembra più che altro uno spostamento, come se il logo "f" e la scritta "seguici" non fossero in linea) se si riduce lo zoom. al 100% è ok
Auteur
*tuo non suo
... vedo che la situazione attuale è ottima...
... lo zoom deve sempre essere impostato al 100%; ...il saltellamento con zoom alterato dipende dai motivi indicati prima rispetto alle immagini reali che ho elencato...
...
... allo stato delle cose, direi che è perfetto, ...ma visto che me lo chiedevi ti spiego la logica di quanto di extra ti avevo proposto, anche perché possa tornarti utile per altre tue iniziative...
1) - tramite un Oggetto HTML&WIDGETS inserito, di uno qualsiasi di qualsiasi pagina (*), e se non ci fosse di già, ne inserirai uno in fondo alla struttura della pagina, anche di altezza zero, e tramite il pannello ESPERTO voce ALLEGATI allegherai le immagini "segugio1.pdf" e "segugio2.pdf", lasciando la destinazione proposta per default, "files"; ...ciò vuol dire che le due immagini allegate andranno automaticamente a posizionarsi nella cartella creata e gestita dal programma, di none "files"; ...primo passo finito; semplice con due click;
2) - adesso torna indietro nella Barra Intestazione, e dal menu seleziona l'icona dell'oggetto HTML, cui simbolo la PERGAMENA, e cura che le dimensioni siano adatte per misure a contenere le immagini del segugio; ...al posizionamento di questo oggetto ti viene proposta una finestrella per ospitare il codice personalizzato che devi usare, ed eventualmente ripuliscila di quando potrebbe esserci presente dentro...
3) - usando le immagini con il nome detto al p.1) ...il mio codice che ti avevo proposto prima, modificandolo in relazione ed in "_PARENT", diventerebbe esattamente questo:
<a href="http://www.facebook.com/pages/Ambulatorio-Veterinario-Dottssa-Stefania-Rampolla-Palermo-/112048438855930" alt="seguici su fb" title="seguici su fb" > <img src="segugio1.png" border=0 onmouseover="this.src='segugio2.png'" onmouseout="this.src='segugio1.png'" /> </a>
4) - fatto!!! ... ci vuole più a dire che a fare; in definitiva si tratta di un solo Copia/Incolla
... ... ...
... (*) - mio consiglio personale, ...per evitare di fare confusioni e dimenticarsi di dove si sono apportate personalizzazioni, sarebbe meglio utilizzare una pagina nascosta per contenere l'oggetto HTML&WIDGETS in modo che sia facilmente rintracciabile nella struttura del progetto; ...pagina che potrebbe essere usata per realizzare altre possibili personalizzazioni ed escamotages che potrebbero tornarti utili con l'esperienza acquisita del programma ed in altre situazioni...
... potresti provarlo subito; ...danni non ne fa...
... se non vuoi usare l'Intestazione (o Piè di Pagina), per prova, potresti incollare il codice direttamente nel pannello HTML dell'oggetto HTML&WIDGETS, per vederne subito il risultato e rendertene ragione, (...magari in una terza pagina di prova, e potresti postarne il link per le verifiche del caso...)
... per eventuali inesattezze scusami perchè mi sono espresso senza avere il programma, ma andando solo per logica e per quanto rilevabile dalla guida del programma...
...
... nel caso servissero chiarimenti in merito a questi ultimi punti, per tuo scrupolo e tua soddisfazione personale, chiedi pure, ma per come detto all'inizio, dovresti essere già a posto...
.
ciao, e buon lavoro
Auteur
grazie per esserti impegnato tanto nella spiegazione fino a farmi sentire una decelebrata ;) (scherzo ovviamente). sei stato gentilissimo e apprezzo anche questo ennesimo tentativo per farmi comprendere. onorerò il tuo impegno promettendoti che farò questi esperimenti.. non appena avrò un attimo di respiro!
Ciao alla prossima e di nuovo grazie :D