WebSite X5Help Center

 
Francesco L.
Francesco L.
User

Tooltip sopra l'oggetto social  it

Auteur : Francesco L.
Visité 2068, Followers 1, Partagé 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?

Posté le
40 RéPONSES - 1 UTILES - 1 CORRECT
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Massimo C.
Massimo C.
User

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

Lire plus
Posté le de Massimo C.
Massimo C.
Massimo C.
User

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

Lire plus
Posté le de Massimo C.
Massimo C.
Massimo C.
User

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

Lire plus
Posté le de Massimo C.
Francesco L.
Francesco L.
User
Auteur

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

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

Lire plus
Posté le de Massimo C.
Francesco L.
Francesco L.
User
Auteur

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

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

Lire plus
Posté le de Giuseppe Guida
Francesco L.
Francesco L.
User
Auteur

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.

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

Dunque non c'è modo vero?

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

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

Lire plus
Posté le de Giuseppe Guida
Francesco L.
Francesco L.
User
Auteur

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?

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

Lire plus
Posté le de Giuseppe Guida
Francesco L.
Francesco L.
User
Auteur

Ehh ma il codice esterno dove lo posso trovare?

Lire plus
Posté le de Francesco L.
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

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>

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

Nessuno si fa più sentire?

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

Lire plus
Posté le de Riccardo P.
Francesco L.
Francesco L.
User
Auteur

Forse Lemonsong ne sa qualcosa penso vero?

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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?

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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

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

Lire plus
Posté le de Skeggia 12
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

Ma dunque dovrei togliere i due oggetti e rifarli?

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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!

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

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.

Lire plus
Posté le de Francesco L.
Skeggia 12
Skeggia 12
Moderator

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

Lire plus
Posté le de Skeggia 12
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

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

Lire plus
Posté le de Francesco L.
Francesco L.
Francesco L.
User
Auteur

Ora va abbastanza bene! Grazie Skeggia!

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

Lire plus
Posté le de Mirko Boschetti