WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Pulsanti in png  it

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
24 ANTWORTEN
Pasquale D.
Pasquale D.
User
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?

Mehr lesen
Gepostet am von Pasquale D.
Ful D.
Ful D.
User

Devi ridurre la parte trasparente dell'immagine, quella eccedente, con un programma di grafica.

Mehr lesen
Gepostet am von Ful D.
Pasquale D.
Pasquale D.
User
Autor
Ful D.
Devi ridurre la parte trasparente dell'immagine, quella eccedente, con un programma di grafica.

Grazie ma non è questo che intendevo, mi occorre semplicemente un pulsante con quella forma.

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autor

bene, ma non ho capito come l'hai realizzato.Embarassed

Mehr lesen
Gepostet am von Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

sto guardando il tuo tutorialò, vediamo se riesco

Mehr lesen
Gepostet am von Pasquale D.
Pasquale D.
Pasquale D.
User
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?

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pasquale De Angelis
bene, ma non ho capito come l'hai realizzato.

... 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; LaughingWink

... 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


.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autor

con la versione demo di Swihmax, si può fare?

Mehr lesen
Gepostet am von Pasquale D.
Pasquale D.
Pasquale D.
User
Autor
 ‪ KolAsim ‪ ‪
Pasquale De Angelisbene, ma non ho capito come l'hai realizzato. ... 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... .

è questo che non ho capito

Mehr lesen
Gepostet am von Pasquale D.
Pasquale D.
Pasquale D.
User
Autor

ma con la demo funziona?

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autor
 ‪ KolAsim ‪ ‪
... con SwishMax è semplicissimo se sai usare a menadito il programma già da tempo; ..due esempli trovati al volo: .

Menadito? non l'ho trovato nemmeno nella funzione cerca

Mehr lesen
Gepostet am von Pasquale D.
Mirko Boschetti
Mirko Boschetti
Moderator

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.....  Laughing 

Mehr lesen
Gepostet am von Mirko Boschetti
Pasquale D.
Pasquale D.
User
Autor

forse do l'impressione di non provare......o di non cercare, ma non è così.

E che.......faccio molta fatica a seguirvi.

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pasquale De Angelis
 ‪ ... ... [...] ... ... Menadito? non l'ho trovato nemmeno nella funzione cerca

... Surprised ... Undecided ... Laughing ... Cool

... x Mirko, ...manca uno all'appello: "Mirko" ... Wink (ed ancora grazie) 

.

bye

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autor

Adesso ho capito : è un modo di dire, l'ho trovato in internet

Mehr lesen
Gepostet am von Pasquale D.
Pasquale D.
Pasquale D.
User
Autor
 ‪ KolAsim ‪ ‪
... 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

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!

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autor
 ‪ KolAsim ‪ ‪
Ciao Pasquale, 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;  . bye, KolAsim

è questo che non ho fatto.

Ma in generale, in  locale non mi funziona nulla, solo quando le immagini sono in ftp, le vedo.

Mehr lesen
Gepostet am von Pasquale D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pasquale De Angelis
 ‪...[...]... 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...

Guida in linea, pag.107
Oggetto HTML e Widgets | Sezione Esperto

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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪