WebSite X5Help Center

 
Pasquale D.
Pasquale D.
User

Pulsanti in png  it

Autore: Pasquale D.
Visite 1390, Followers 1, Condiviso 0  
Parole Chiave: 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!

Postato il
24 RISPOSTE
Pasquale D.
Pasquale D.
User
Autore

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

il mio pulsante è volutamente amorfo.

Si può fare qualcosa?

Leggi di più
Postato il da Pasquale D.
Ful D.
Ful D.
User

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

Leggi di più
Postato il da Ful D.
Pasquale D.
Pasquale D.
User
Autore
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.

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autore

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

Leggi di più
Postato il da Pasquale D.
Pasquale D.
Pasquale D.
User
Autore

sto guardando il tuo tutorialò, vediamo se riesco

Leggi di più
Postato il da Pasquale D.
Pasquale D.
Pasquale D.
User
Autore

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?

Leggi di più
Postato il da 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


.

Leggi di più
Postato il da  ‪ 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autore

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

Leggi di più
Postato il da Pasquale D.
Pasquale D.
Pasquale D.
User
Autore
 ‪ 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

Leggi di più
Postato il da Pasquale D.
Pasquale D.
Pasquale D.
User
Autore

ma con la demo funziona?

Leggi di più
Postato il da 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autore
 ‪ 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

Leggi di più
Postato il da 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 

Leggi di più
Postato il da Mirko Boschetti
Pasquale D.
Pasquale D.
User
Autore

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

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autore

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

Leggi di più
Postato il da Pasquale D.
Pasquale D.
Pasquale D.
User
Autore
 ‪ 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!

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Pasquale D.
Pasquale D.
User
Autore
 ‪ 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.

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪