WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Pulsanti in png  it

Auteur : Pasquale D.
Visité 1397, Followers 1, Partagé 0  
Mots-clés :: link,pulsanti,trasparenze

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!

Posté le
24 RéPONSES
Pasquale D.
Pasquale D.
User
Auteur

ho visto l'esempio, ma mi consente di delimitare un area, magari quadrata o rettangolare.

il mio pulsante è volutamente amorfo.

Si può fare qualcosa?

Lire plus
Posté le de Pasquale D.
Ful D.
Ful D.
User

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

Lire plus
Posté le de Ful D.
Pasquale D.
Pasquale D.
User
Auteur
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.

Lire plus
Posté le de 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

sto guardando il tuo tutorialò, vediamo se riesco

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

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?

Lire plus
Posté le de 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


.

Lire plus
Posté le de  ‪ 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur
 ‪ 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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur

ma con la demo funziona?

Lire plus
Posté le de 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur
 ‪ 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

Lire plus
Posté le de 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 

Lire plus
Posté le de Mirko Boschetti
Pasquale D.
Pasquale D.
User
Auteur

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

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

Lire plus
Posté le de 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur

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

Lire plus
Posté le de Pasquale D.
Pasquale D.
Pasquale D.
User
Auteur
 ‪ 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!

Lire plus
Posté le de 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Auteur
 ‪ 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.

Lire plus
Posté le de 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪