Pulsanti in png
Autor: Pasquale D.
Besucht 1394,
Followers 1,
Geteilt 0
Buon giorno a tutti, volevo chiedervi una cosa.
Supponiamo che abbia un pulsante in PNG con una parte trasparente, tipo questo in esempio :
http://www.pdagrafica.com/Personale/test/pda/pagina-4.html
noterete che anche se cliccate sulla parte trasparente del pulsante, comunque funziona il link.
E' possibile farlo funzionare solo sulla parte colorata?
Grazie!
Gepostet am
Certo, guarda qui l'esempio.... http://www.essedi.altervista.org/_sito/mappatura-immagine.html
Autor
ho visto l'esempio, ma mi consente di delimitare un area, magari quadrata o rettangolare.
il mio pulsante è volutamente amorfo.
Si può fare qualcosa?
Devi ridurre la parte trasparente dell'immagine, quella eccedente, con un programma di grafica.
Autor
Grazie ma non è questo che intendevo, mi occorre semplicemente un pulsante con quella forma.
... con SwishMax.4-IT si otterrebbe un risultato impareggiabile...
... comunque è semplicissimo anche con Paint di Windows...
... basta copiare la coppia di coordinate x/y riportate sulla barra di stato della posizione del cursore, dal primo punto al penultimo punto; ... eccolo fatto in questo momento su una pagina HTML di base, con un codice ventennale che si vede nella pagina:
http://www.zspace.it/kolasim/website/mappatura/poligonok.html
... i consigli di Icm: http://www.websitex5.com/it/resources/tips_0910.pdf
... e se vuoi l'aumatismo con OO.o: http://www.zspace.it/kolasim/wsx5_v8/mappaturaOOo/mappatura_K_1.html
... ma Paint resta sempre il più veloce...
.
bye, KolAsim
Autor
bene, ma non ho capito come l'hai realizzato.
Autor
sto guardando il tuo tutorialò, vediamo se riesco
Autor
credo di aver capito, è simile a jimp ma.......anche li, non si ottiene mai un contorno preciso.
Non c'è modo di fare una selezione come in photoshop?
così è preciso l contorno?
... eheh, ...l'ho realizzato come ho detto: ... basta copiare la coppia di coordinate x/y riportate sulla barra di stato della posizione del cursore, dal primo punto al penultimo punto;
... e di conseguenza digitate in sequenza là dove nella pagina HTML le vedi inserite, ed è stato un attimo, solo il tempo di digitarle...
... fai prima a mano libera che con altri sistemi...
.
EDIT: ... anche qui ho spiegato come fare con Paint e ci sono delle immagini: http://answers.websitex5.com/post/41871
.
... non so cosa sia fotosciop. ...ma il contorno sarà preciso se lo fai preciso tu...
... per esempio il mio, anche se ottenuto grossolanamente è abbastanza preciso...
... il non plus ultra si ottiene con Swihmax...
.
Autor
con la versione demo di Swihmax, si può fare?
Autor
è questo che non ho capito
... nell'ultimo precedente link c'è una immagine che chiarisce con Paint...
... con SwishMax è semplicissimo se sai usare a menadito il programma già da tempo; ..due esempli trovati al volo:
http://www.zspace.it/kolasim/wsx5_v8/corpoumano/
http://www.zspace.it/kolasim/prove/mappatura/mappatura_semplice_K.html
.
Autor
ma con la demo funziona?
... basta provare a scaricarla, e gli effetti della Demo sono quasi identici a quelli di webSite, cioè, scaduto il periodo di prova ti troveresti con immagini rovesciate ed in bianco e nero se publicate in rete...
... comunque è un programma che non dovrebbe mancare sulla scrivania dove si trova websitex5...
... non ho mai fatto uso di Demo, ma sempre delle versioni ufficiali complete...
... puoi anche provare un programma simile suggerito da serzio in IDEA, che io ho visto, ma non ci ho perso tempo per capirlo, mi è risultato poco amichevole per me causa la lingua: http://answers.websitex5.com/post/42232
.
Autor
Menadito? non l'ho trovato nemmeno nella funzione cerca
Ciaooo Pasquale,
quando qualcuno ti indica una soluzione, sarebbe il caso di non limitarsi a “guardare l’esempio”, ma fare lo sforzo di leggere il contenuto, hai avuto tante di quelle risposte nei vari Post da Kol, da EsseDi, da Full, e tanti altri...... a volte si capisce di più a provare le cose che farsele fare... senza offesa, ma a volte fai di quelle domande, che basterebbe provare prima di chiedere, e avresti anche più soddisfazione, una volta trovata la soluzione da te.....
Autor
forse do l'impressione di non provare......o di non cercare, ma non è così.
E che.......faccio molta fatica a seguirvi.
... ... ... ...
... x Mirko, ...manca uno all'appello: "Mirko" ... (ed ancora grazie)
.
bye
Autor
Adesso ho capito : è un modo di dire, l'ho trovato in internet
Autor
ho provato a seguire il tutorial con open office, ma nella preview non vedo l'immagine.
In realtà mi succede sempre, quando i file sono in locale, mentre se stanno in ftp li vedo.
dove sbaglio?
grazie!
Ciao Pasquale,
...è semplicissimo, basta partire col piede giusto e non saltare nessun passaggio, e devi fare esattamente così, passo dopo passo...
1 – nel PC crea una cartella chiamata “mappaOOo”;
2 – apri la cartella “mappaOOo” e crea al suo interno la cartella “files”;
3 – copia dalla cartella in cui si trova adesso l'immagine da mappare che vuoi usare, nome “tuaimmagine.png”, e la vai ad incollare dentro alla cartella “files” fatta poco fa;
4 – avvia OO.o.Writer, e salva subito in HTML con il nome “miamappa.html” dentro alla cartella di iniziale “mappaOOo”;
4 – dal menu di OO.o >> Inserisci >> Immagine >> da file, ...carica l'immagine “tuaimmagine.png” nella pagina, prelevandola dalla cartella “files” interna alla cartella “mappaOOo”;
5 - dal menu di OO.o >> Modifica >> ImageMap, ...crea la mappatura che ti serve con le varie opzioni proposte dal Form, come nel Video che hai visto;
6 – salva la pagina con nome sempre “miamappa.html” nella stessa cartella “mappaOOo”;
7 – apri dalla cartella “mappaOOo” la pagina “miamappa.html”;
8 – clicca col destro del mouse nella pagina e si aprirà il codice HTML;
9 – seleziona tutto il codice della mappa e della immagine compresa, e lo copi:
<MAP NAME="MAP1"><AREA SHAPE *** **** ></MAP>
<IMG SRC="files/tuaimmagine.<i>png</i>" NAME="immagini1" ALIGN=LEFT WIDTH=400 HEIGHT=300 BORDER=0 USEMAP="#MAP1">
10 – lo incolli in un Oggetto Codice HTML di WebSiteX5e di dimensioni adeguate all'immagine;
11 – tramite il pannello Esperto di questo Oggetto Codice HTML alleghi l'immagine “tuaimmagine.png”, che andrà a posizionarsi automaticamente nella cartella “files” di WebSiteX5e;
12 – avvia l'Anteprima, ...e per magia vedrai la tua mappa attiva...
...
... attenzione, ...non usare spazi vuoti, caratteri speciale e né lettere maiuscole...
..
.
... se servissero altri chiarimenti, fatti risentire...
.
bye, KolAsim
Autor
è questo che non ho fatto.
Ma in generale, in locale non mi funziona nulla, solo quando le immagini sono in ftp, le vedo.
ciao, ...deve funzionarti a tutti i costi anche in Anteprima, e perchè sia così, occore allegare l'immagine con un Oggetto HTML quasliasi in qualunque punto del sito si trovi...
Attraverso i comandi della Sezione Esperto della finestra Oggetto HTML e Widgets è possibile ...[...]... definire la lista dei file da allegare all'Oggetto HTML e Widgtes a cui si sta lavorando. ...[...]...
... prova ad avviare l'Anteprima tenendo premuto il tasto Ctrl della tastiera...
.
bye