WebSite X5Help Center

 
Francesco L.
Francesco L.
User

Tooltip sopra l'oggetto social  it

Autor: Francesco L.
Visitado 2072, Seguidores 1, Compartilhado 0  

Passando con il mouse sul Social Icons di Facebook e Pinterest è possibile far apparire la scritta completa "Facebook" e/o "Pinterest" oppure passando in qualsiasi altra scritta cliccabile e scegliere il testo da far comparire? Se si cosa bisogna fare?

Publicado em
40 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
Francesco L.
Francesco L.
User
Autor

Ciao Massimo. Grazie ma puoi dirmi sul tooltip in quale argomento devo cercare?

Ler mais
Publicado em de Francesco L.
Massimo C.
Massimo C.
User

nel link riportato c'è il modo di inserire il tooltip.

Ler mais
Publicado em de Massimo C.
Massimo C.
Massimo C.
User

comunque su qualunque oggetto, testo, immagine etc.. puoi selezionare il pulsante collegamento e scegliere descrizione

Ler mais
Publicado em de Massimo C.
Massimo C.
Massimo C.
User

qui puoi inserire il testo da visualizzare o l'immagine da visualizzare

Ler mais
Publicado em de Massimo C.
Francesco L.
Francesco L.
User
Autor

Ma a me scusate serve per i Social Icons che ho inserito. Si può fare anche lì?

Ler mais
Publicado em de Francesco L.
Massimo C.
Massimo C.
User

sui social non è possibile nserire nessun colelgamento quindi nessun toolpit. Ma credo sia inutile. le icone sono conosciute e si capisce cosa fanno.

però no, non è possiible da programma inserire messaggi al passaggio del mouse.

Ler mais
Publicado em de Massimo C.
Francesco L.
Francesco L.
User
Autor

Grazie Massimo! E' un peccato però perché era più carino così!

Ler mais
Publicado em de Francesco L.
Giuseppe Guida
Giuseppe Guida
User

Inserisci delle icone dei social con Oggetto Immagine (non usare il widget di Website) e ad ogni Oggetto Immagine/icona gli inserisci la Descrizione come spiegato da Massimo. Ciao

Ler mais
Publicado em de Giuseppe Guida
Francesco L.
Francesco L.
User
Autor

Giuseppe ma io ho creato con il Social Icons che passando con il mouse si evidenziano le icone (e' più carino così come le ho impostate). Sarebbe perfetto se passandoci sopra con il mouse comparissero le scritte (di colore nero e il rettangolino grigio chiaro) di Facebook e Pinterest ma penso che sia impossibile. Guardate il sito https://www.risoluzionepc.it e provate a passare il mouse sulle due icone.

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Dunque non c'è modo vero?

Ler mais
Publicado em de Francesco L.
Incomedia
Riccardo P.
Incomedia

Buongiorno Francesco,

come ti hanno accennato non è possibile automaticamente con il programma, l'unica è quella di usare altri oggetti o agire direttamente sul codice.

Ler mais
Publicado em de Riccardo P.
Giuseppe Guida
Giuseppe Guida
User

Francesco, puoi usare, come ti ho già accennato sopra, degli oggetti immagine, ogni oggetto un'icona dei social (naturalmente alla voce "Collegamento" gli abbini ad ogni icona l'esatto link della pagina del social che ti interessa) e poi facendo doppio click su ogni oggetto immagine, vai nella scheda "Visualizzazione" e scegli la voce "Effetto su passaggio del mouse" e puoi assegnare l'effetto che più ti piace al passaggio del mouse sull'icona. Alla fine ottieni più o meno la stessa cosa che otterresti con il widget "Social Icons" (certo se le icone dei social che vuoi inserire sono tante, l'unico fastidio è che dovresti "spostarle" una alla volta se hai necessità di cambiare la loro posizione tipo quando devi risistemarle nei vari breakpoint, questo perchè manca in Website la possibilità di raggruppare più oggetti in Header e Footer e trascinarli/spostarli tutti insieme, cosa che io ho richiesto ad Incomedia anni e anni fa, proverò a richiederla)

Ler mais
Publicado em de Giuseppe Guida
Francesco L.
Francesco L.
User
Autor

Ma volevo sapere come mai eseguendo i vostri passagi (Massimo C. e Giuseppe Guida), dopo aver messo la descrizione del testo, passando con il mouse sul testo, la scritta resta sempre nello stesso punto e non si posiziona rispetto a dove si muove il mouse? Non so se ci sono altri modi per eseguire questo ma non penso vero?

Ler mais
Publicado em de Francesco L.
Giuseppe Guida
Giuseppe Guida
User

No, da programma puoi stabilire se far visualizzare la scritta in alto, sotto, destra o sinistra (se non ricordo male, non ho il programma sottomano ora). Diversamente, se vuoi che la scritta appaia sempre accanto al cursore del mouse, devi usare del codice esterno.

Ler mais
Publicado em de Giuseppe Guida
Francesco L.
Francesco L.
User
Autor

Ehh ma il codice esterno dove lo posso trovare?

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator

il codice puoi trovarlo dove lo trovano tutti quelli che cercano... su internet... google docet...

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Potete solo dirmi che tipo di codice mi serve? Php, Html, Css o uno script?

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Ho trovato questo codice, l'ho provato ma mi sballa e cambia il testo.

<style>
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
</style>

<div class="tooltip"> Hover over me
  <span class="tooltiptext"> Tooltip text </span>
</div>

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Nessuno si fa più sentire?

Ler mais
Publicado em de Francesco L.
Incomedia
Riccardo P.
Incomedia

Buongiorno Francesco,

purtroppo questo va al di là dell'assistenza di WebSite X5 e non posso aiutarti. Dovrai attendere maggiori informazioni da parte di altri utenti della community.

Ler mais
Publicado em de Riccardo P.
Francesco L.
Francesco L.
User
Autor

Forse Lemonsong ne sa qualcosa penso vero?

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator

non faccio per vantarmi, ma stavolta mi sono superato... essendo a digiuno di js...
e vediamo se il sig. Francesco resta soddisfatto...
al passo 1, Impostazioni, Avanzate, tab esperto, prima della chiusura del tag head... inserisci...

<script>
$(document).ready(function(){
$("#imHeader_pluginAppObj_03_wrapper").mouseover(function(){
x5engine.imTip.Show($('#imHeader_pluginAppObj_03_wrapper'), { text: 'Prova tooltip', width: 100});
});
});
</script>

ricavando l'id del tuo oggetto social e sostituendolo a quello
che ho inserito io (#imHeader_pluginAppObj_03_wrapper)...
poi sostituisci il testo 'Prova tooltip' con il testo che vuoi scrivere dentro il tooltip
e modifica il valore width:100 con quello che ti serve...

se passerà di qua lemonsong aspetto il suo parere sulla corretta sintassi... anche se così funziona...

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Ora provo Skeggia ma non ho capito al passo 1, Impostazioni, Avanzate in quale opzione bisogna inserire il codice? undecided

Forse in Statistiche, Seo e Codice?

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator
Skeggia 12
...al passo 1, Impostazioni, Avanzate, tab esperto, prima della chiusura del tag head...

lo davo per scontato... ho dimenticato di scrivere "Statistiche, Seo & Codice" dove altro lo vuoi inserire il codice?

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Ho provato ma in anteprima non compare niente! E' normale o bisogna per forza esportare e si vede poi sul sito?

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator

no lo devi vedere anche in anteprima... devi ricavare l'id giusto dall'oggetto social (ma mi sembra tu lo abbia modificato e non è più l'oggetto social)...

Ler mais
Publicado em de Skeggia 12
Skeggia 12
Skeggia 12
Moderator

i tuoi sono il 48 facebook e 49 pinterest...

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Si per esempio ho sempre il Social Icons di Facebook che è rimasto! Non l'ho cambiato

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Ma dunque dovrei togliere i due oggetti e rifarli?

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator

francesco... per favore... metti quel codice... cambia il numero di oggetto in 48 per facebook ... non è difficile...

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Ok ci sono riuscito solo che non è molto bello perché passando con il mouse, si compare, ma si vede troppo in basso la scritta... di solito dovrebbe essere visualizzata più vicina alla scritta. Poi comunque non c'è un modo per far comparire la scritta dove viene posizionato il mouse? Così la scritta viene posizionata sempre nello stesso punto!

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Questo forse è il programma Website X13 Professional che fa così, ma non so se c'è una soluzione per essere più precisi?

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Forse per spiegarmi meglio ho notato già da quando ho iniziato a provare il tooltip che comunque passando con il mouse sulla scritta il testo viene visualizzato troppo in basso rispetto alla scritta originale. Non c'è un modo per migliorare?

Guardate l'immagine.

Ler mais
Publicado em de Francesco L.
Skeggia 12
Skeggia 12
Moderator

beh mi arrendo... posti uno screenshot e si va sul sito e hai cambiato tutto...
saluti...

Ler mais
Publicado em de Skeggia 12
Francesco L.
Francesco L.
User
Autor

Niente ho risolto. Basta togliere la spunta "Mostra Freccia" sul Tooltip. wink

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Skeggia se guardi bene l'immagine era solo un'anteprima e non ho ancora esportato nulla! tongue-out

Ler mais
Publicado em de Francesco L.
Francesco L.
Francesco L.
User
Autor

Ora va abbastanza bene! Grazie Skeggia!

Ler mais
Publicado em de Francesco L.
Mirko Boschetti
Mirko Boschetti
Moderator
Francesco L.
Ora va abbastanza bene! Grazie Skeggia!

penso che ora potresti chiudere con il Corretto sul Post di Skeggia....il minimo...wink

Ler mais
Publicado em de Mirko Boschetti