Icona menù 
Autore: Luciana Ciolfi
Visite 2441,
Followers 2,
Condiviso 0
Salve a tutti.
Se inserisco un'icona per una voce del menù, il programma la posiziona come in figura 1.
C'è modo di posizionarla come in figura 2 (più vicina e allineata alla voce a cui si riferisce)?
Grazie per l'attenzione. 
Postato il
ciao Luciana, questo bug é già stata segnalata dal sottoscritto ma ancora non risolta...
Autore
Ah ok, grazie, scorrendo i vari post non ho trovato niente al riguardo e allora ho aperto il topic.
Mi metto in aspettativa anche io...
non riesco a trovare il mio post tra la marea di post scritti e commentati
INVITO LO STAFF A RISOLVERE IL PROBLEMA
Autore
Mi unisco.
Ciao Luciana, se magari non hai tempo per l'attesa, puoi creare un icona , cambiando le margini finche combiacia con lo spazio da te preferito :-)
Autore
Grazie per il consiglio, non ho fretta. Di solito non metto le icone, ma quando l'ho fatto ho visto il disallineamento e allora ho chiesto.
... penso che non possa esserci questo modo in automatico, in quanto le voci del menu sono centrate nel pulsante, e questo è di uguale misura agli altri...
... in teoria, (visto che non ho il programma per verificare!), quello che potresti fare potrebbe essere di realizzare una immagine PNG trasp. ad hoc con le misure uguali al pulsante, e con la parte opaca disposta sul lato sinistro del pulsante...
... da domani resta in attesa del parere dello STAFF...
... poi, se per caso ti interessasse, penso che potresti intervenire con un'addizione di regole CSS, semplice, ... ed in questo caso, per permettermi di valutare, dovresti postare il LINK della tua pagina reale, e poi si vedrà il da farsi, e/o qualcuno potrebbe proporti l'escamotage; ... altrimenti se soprassiedi allora come non detto, e non c'è bisogno di rispondermi che capirò...
.
ciao
.
Autore
Ciao KolAsim. Strano però che un programma come WS non riesca a distanziare correttamente le icone per il menù. Comunque ho risolto con le icone con misure personalizzate (ho visto che non in tutti i pulsanti potevo usare le stesse dimensioni. Ho chiesto lumi prima di passare alla soluzione grafica, quando ho capito che soluzioni (a parte i codici) non ce n'erano, ho messo mano al png.
Comunque il link al sito è questo: http://www.salandranet.it/kartodromo/indice.html
P.S.
Perchè non dovrei rispondere?
ciao Luciana, potresti spiegare meglio come hai risolto? Che misure hai dato?
cmq io da mobile vedo le icone un po distanti e sfasati in altezza verso l'alto rispetto alla scritta
Autore
Ciao SitiWeb App, ci avrei giurato che da mobile si sarebbe visto sbilenco. Ecco perchè preferirei che l'allineamento lo facesse il programma. e_é
Ho risolto (beh, risolto è parola grossa...) facendomi degli stamp della pagina per vedere in quale posizione stavano i bottoni rispetto alle icone e adattando dimensioni e posizione (all'interno della base trasparente) delle immagini png per cercare di allinearli tutti allo stesso modo.
Il che va bene per il desktop ma non per gli altri dispositivi, evidentemente.
Auspico che si possa arrivare ad una soluzione via software, altrimenti le tolgo. Che non sia possibile farlo non ci credo, visto che altri programmi mettono le icone al posto giusto e perfettamente scalabili (per non fare nomi, .......) e non sono nemmeno png che ti devi fare tu, sono set di icone che genera il programma.
Autore
@ SitiWeb App. Comunque se volevi le dimensioni, questa è una delle icone, ma hai già visto che da mobile poi non si vede correttamente.
io ho sempre risolto su tutte le versione di ws , inserendo un png con le misure del bottone del menu (rispettando l'altezza del menu). infatti ci vorebbe una possibilità di impostazione per le icone dell menu: alto > centro > basso
Autore
@ SitiWeb App. Risolto il problema della distanza diminuendo la larghezza dell'hamburger menù. Rimangono però non allineate.
Autore
Sì lo so che se metto un png delle stesse misure del bottone deve apparire nella giusta posizione, ma non trovo normale mettere un'immagine più grande se mi serve solo un'icona 16x16.
@Luciana, infatti per questo ho scritto prima aggiungere impostazioni per le icone stesse , rispettando larghezza e altezza e posizione delle icone sul menu :-) senza dover utilizzare solo icone di misure 16x16. non è normale no.
Autore
Comunque aspetto risposte dallo staff. Come ripeto non è un problema vitale nè urgente, me ne sono accorta per caso. Fino ad ora ho saltuariamente usato soltanto immagini per personalizzare i bottoni al passaggio del mouse e simili, non avevo mai messo icone nel menù e pensavo che se ne occupasse il programma di posizionarle correttamente.
si si , aspettiamo lo staff :-) speriamo davvero , anche perchè dalle vers. precendenti era sempre cosi.
Autore
Ah ecco, vizio vecchio... :-(
... la differenza la fa il saper fare, la conoscere del Programma, e saperlo addomesticare alla propria volontà ed idee!...
... nel senso che se non ti interessava la soluzione EXTRA, potevi benissimo ignorarmi, ...ma adesso ho il dubbio, visto che hai risolto, ma hai anche postato il LINK, ti chiedo se ti interessasse ancora per così andare a guardare sul tardi... ciao
.
Buongiorno Luciana,
ho provato con una immagine piccola come la tua, ma nel menu mi viene applicata correttamente al centro.
Prova a creare un progetto piccolo di esempio con solo il menu e l'immagine, poi allegami il file .iwzip così da poter verificare.
Fammi sapere.
Autore
No dai, perlomeno per educazione qualcosa devo rispondere. Quando non lo faccio è perchè me so' persa il post che stavo commentando e non lo ritrovo, a meno che non sia il mio.
In quanto al "saper fare, la conoscenza del Programma, e saperlo addomesticare alla propria volontà ed idee" mi muovo con calma. Dal punto di vista grafico con il computer ti faccio anche i ricami all'uncinetto, dal punto di vista dei codici non mi azzardo a dire più di tanto perchè sono 15 anni che mi tengo una stringhella dove c'è scritto come si rende trasparente lo sfondo delle animazioni flash. E non sono mai riuscita ad impararla a memoria. Figurati il resto...
Tu comunque dimmi cosa dovrei fare che se non riescono a tappare la falla tramite software, una soluzione alternativa va trovata (oltre alle icone grandi quanto i pulsanti). Anche perchè adesso questo aspetto grafico non mi serve granchè, ma magari in futuro sì. In ogni caso grazie per la disponibilità.
Autore
Buonasera Riccardo, provvedo a creare il progetto!
Come da post iniziale e da un altro mio post di tempo fà, l'icona è troppo distante e non allineata in altezza rispetta alla scritta
Autore
Allora, ho creato il progetto di prova e aggiungendo le icone al menù non modificato rispetto a come lo crea il programma di default, rimane il problema della distanza (l'icona si allinea a sinistra), mentre scompare il problema dell'allineamento verticale. Probabilmente dipende dal fatto che il menù non è stato personalizzato in altezza, mentre nell'altro progetto le icone sono state inserite in un menù molto diverso, per il quale va meglio un'icona che rispetti le dimensioni del pulsante.
Il punto è che anche nei menù modificati le icone dovrebbero allinearsi e soprattutto dovrebbero stare più vicine alla voce di riferimento, anche senza agire sulle loro dimensioni. Insomma, icone sono e icone dovrebbero restare, invece di diventare elemento grafico da smanettare.
... per me, il presunto problema e del perchè è così per il menu, sta in quanto avevo presunto...
... per quanto ti avevo proposto, non ti costa niente fare una >> prova; ...scarica e posiziona in /HEAD (file temporaneo)... ... non ho il programma, ma in teoria potrebbe funzionarti, e te ne sarei grato per una conferma o meno del risultato ottenuto...
... poi potresti giocare sulle coordinate left/top, e volendo, simulare anche una pseudo animazione...
... se servissero charienti chiedi pure...
... a piccoli passi, partendo dalle nozioni di base, ...si cresce...ciao...
.
Autore
Ci provo poi ti dico.
Autore
@ KolAsim. Ho inserito il tuo codice e l'immagine si è avvicinata al testo (alleluja!). Voglio precisare che oggi avevo rimodificato le icone facendole tutte della stessa grandezza dei tasti menù. Volendo essere pignoli, si potrebbe dire che anche l'icona delle stesse dimensioni del tasto ha i suoi lati negativi, perchè le voci non sono tutte uguali, alcune sono corte, altre sono più lunghe, quindi l'immagine visibile andrà comunque posizionata all'interno del suo spazio trasparente a seconda della lunghezza del testo, per evitare che ciò che va bene per "contatti" poi vada male per "home". Come si vede nella jpg che ho allegato (menù senza codice), l'icona rimane più o meno distanziata pur avendo le immagini le stesse dimensioni.
Invece se lo facesse il programma, dovrebbe solo calcolare una distanza tot dal testo (di qualunque lunghezza esso sia) e festa finita.
Per adesso la calcola un po' troppo alla larga, dovrebbero fargli aggiustare il tiro.
Grazie per il codice!
... ho visto rapidamente, direi ottimo risultato, e grazie per avermi partecipato il TEST...
... per correttezza ci sarà da fare un trasferimento; ...il codice andrebbe posizionato prima della chiusura di /HEAD; ...per questo e per il resto, ed eventuali altri approfondimenti o idee! ...ne riparleremo sul tardi al mio rientro... ciao...
.
Autore
Ciao KolAsim, intanto ho messo il codice nel posto giusto, o almeno credo. Doveva andare in "statistiche e codice", no? Ho anche modificato leggermente left/top. Unica cosa che mi rimane da fare è conciliare le icone con i tasti dell'Hamburger menù allineati a sinistra, perchè allineati al centro son bruttini.
Per adesso con l'allineamento a sinistra le icone vanno sotto al testo. Mò faccio qualche prova.
Detto ciò, bisogna ammettere che un sito come il mio si può permettere tutto questo smanettamento, sia per creare le icone della giusta dimensione che per posizionarle correttamente. E' un sito piccolo e io ci posso lavorare come e quando mi pare che nessuno mi dice niente. Penso però a chi si vede commissionare grossi siti o siti di e-commerce da clienti che non vogliono sapere quali siano le tue difficoltà, vogliono solo vedere i risultati. Credo non sia giusto (per un "difetto" in fondo piccolo) complicare la vita a chi lavora con il programma. In fin dei conti l'opzione per inserire le icone c'è, non deve essere creata da zero, deve solo essere limata perchè faccia correttamente il suo lavoro.
Quindi è una correzione che andrebbe fatta, ripeto, non per me ma per chi deve gestire siti più complessi, magari con molte voci nel menù. Anche perchè dopo aver sistemato tutto al millesimo, non sia mai che devi cambiare la grafica per un motivo qualsiasi (richiesta del cliente, riammodernamento del sito)...devi rifare tutto da capo.
chiedo l'intervento dello staff, grazie
Autore
Lo staff ha già visto la discussione, spero possa risolvere.
Buongiorno Luciana,
grazie per il progetto. La sezione per l'icona sul menu è usata anche per inserire uno sfondo personalizzato e occorre che sia centrata a sinistra per poter allineare una immagine rettangolare che occupi tutta la sezione. Per avere una icona più allineata verso il centro l'alternativa, come ti è già stato consigliato, è quella di creare una immagine .png già con i bordi e le distanze così da allineare l'icona verso il centro.
Se vuoi, crea un topic nella sezione idee così da poter valutare una opzione o rivedere l'allineamento.
Grazie.
Autore
Buonasera Riccardo. Non so quanto sia utile aprire un post idea se poi le icone rimangono accorpate ad altre opzioni grafiche. Diciamo che allo staff andrebbe fatto presente che le icone sono icone, non elementi grafici generici e che quasi sempre hanno dimensioni ridotte. In genere 16x16 o giù di lì. Ecco, basterebbe che venisse stabilita una distanza standard dell'icona dal testo (ovviamente "distanza left") per allinearle sempre nel giusto modo e indipendentemente dalla grandezza del pulsante o dalla lunghezza del testo. Questo implica il non associarle alle immagini di sfondo per il pulsante, perchè, quelle sì, hanno bisogno di distanze variabili.
Spero di non essere stata contorta nello spiegare ciò che volevo dire. O_o
ciao, ... sì, esattamente come hai fatto, adesso è OK ...
... una considerazione personale, ...la sezione HAMBURGER EXTRA forse potresti eliminarla, in quanto essendo le voci incolonnate verticalmente, si presenterebbe bene già così da programma, e quindi meno perdite di tempo e/o cose che possano sfuggire dal controllo...
... un'altra idea che mi è venuta in mente sarebbe quella di rendere dinamicamente elastici i pulsanti del menu orizzontale in base ai contenuti testuali; ... se ti interessasse, per valutare, ... > scarica e prova - (temporaneo), (no hamburger, e se elimini il grassetto al rollover, forse starebbe meglio)...
____estemporanea____________________________________________
... per il resto ho visto che sono stati confermati i motivi che che avevo presunto ed anticipato per quella che è la situazione attuale, e quindi bisognerebbe essere in grado di usare il programma per quelle che sono le opzioni disponibili, addomesticandolo o adeguandovisi, o con supporto grafico come detto da Riccardo, il modo migliore per un sito equilibrato; ...niente di impegnativo e veloce da ottenere...
... se ci si inizia a porsi domande sul come ottenere certi effetti non previsti, allora occorrerebbe metterci del proprio e/o farsi aiutare, e la Community esiste anche per questo; ...per il futuro invece, si dovrà rivedere completamente la struttura del menu, e se del caso, forse! si potrebbe vedere qualcosa in una delle future versioni; ...pertanto se ti interessasse tale sviluppo, come già consigliato da Riccardo dovresti aggiungere la tua idea nella sezione IDEA per essere presa in considerazione e valutata dagli sviluppatori...
.
personalmente continuo a non capire... se è possibile da programmare inserire icone, perchè non risolvere questo bug?
Autore
Ciao KolAsim, sì, sono d'accordo sul fatto che devo sistemare il menù Hamburger. Il grassetto mi era sfuggito.
Non ho capito cosa devo scaricare e provare.
E sono anche d'accordo sull'usare il programma così com'è, tanto è vero che di codici di solito ne uso pochissimi perchè per le mie esigenze va già benissimo così, tranne un paio di cose. E lo ritengo un programma valido. Se così non fosse non avrei fatto gli aggiornamenti dalla v11 fino alla v14. Io poi sono un'abitudinaria, inizio ad usare un programma e me lo tengo, proprio perchè usandolo per molto tempo ne conosco tutte le funzioni e posso gestirlo facilmente.
Ma nel programma c'è l'opzione "inserisci icona del menù", e non c'è scritto "inserisci un'immagine che poi dovrai adattare con codici e programmi di grafica per farla diventare quasi un'icona del menù". Altri programmi quando gli dici di inserire un'icona nel menù, la generano (se non ne scegli una tua) attraverso i fonts e la mettono al giusto posto. Website inserisce in realtà un'immagine abbinata all'aspetto grafico del pulsante, ecco perchè come icona non quaglia come si deve.
Sul fatto che mi sappia adeguare non c'è problema, ho detto fin da subito che se non si poteva risolvere, le icone le avrei tolte e amen.
Ok, posso anche proporla come idea. Ripeto, non è un problema vitale ma ho visto che ormai quasi tutti i siti fatti con altri software o con piattaforme on line mettono le icone accanto alle voci del menù. Potrebbe essere buona cosa aggiornarsi.
... scusami, avevo appena adesso visto un messaggio di Claudio che cortesemente mi avvisava del problema e che ringrazio, e proprio in questo momento stavo rieditando, ma questo punto te lo ripropongo qui:
> scarica e prova ... da posizionare sempre in /HEAD ...al posto del listato precedente... (è una chicca!!!)
... se servissero chiarimenti, fatti pur risentire... (considera che io non ho né PC e né Programmi...
)
___________________________________________
... per il resto, ... se ne potrebbe ancora discutere, ...ma attualmente non serve, segui il consiglio dello STAFF ed un domani si vedrà; ... e per concludere, ... hai saputo valutare adeguatamente ...
... ciao ...
.
Autore
Ho provato lo script ma credo di non aver visto il risultato che volevi raggiungere. In compenso si era un po' sbracata la colonna laterale della pagina e i pulsanti del menù risultavano molto appiccicati tra loro. Ma non importa, me lo salvo nel "progetto cavia" e ci possiamo tornare in seguito.
Poi preparo anche il post idea.
Che faccio con questo topic, lo lascio aperto o lo metto "risolto"? Il problema lo abbiamo individuato, le soluzioni tampone anche (più o meno), miglioramenti possono sempre venire...lo chiudo?
... sono andato a vedere, e mi sembra di non aver visto applicato il secondo codice; ... sul fatto di vedere il menu "appiccicato" è proprio in questo fatto che ho ottenuto che sta la "chicca!"...
...
... conviene che chiudi l'Argomento, il post di Riccardo ha chiarito, ed anche per evitare che si dislunghi ulteriormente (43 post) non essendone il caso ed hai capito della situazione...
... casomai ci risentiremo in altri Topic...
...
ciao
.
Autore
Ok, grazie mille per la disponibilità.
Autore
Aspè, precisazione: non hai visto il codice perchè poi l'ho tolto e ho rimesso come stava prima. Per adesso mi piace di più così. Magari ci riprovo in seguito, tanto me lo sono salvato.
... vai tra' ... quando e se ne avrai bisogno e/o proverai ci risentiremo in un Nuovo Argomento ... ciao...