Tooltip sopra l'oggetto social 
Autore: Francesco L.
Visite 1795,
Followers 1,
Condiviso 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?
Postato il
hai visto il tooltip?
http://help.websitex5.com/it/v13/pro/index.html?utm_source=software&utm_medium=Professional_13
con questo sistema puoi far comparire scrite di descrizione sopra ogni oggetto
Autore
Ciao Massimo. Grazie ma puoi dirmi sul tooltip in quale argomento devo cercare?
nel link riportato c'è il modo di inserire il tooltip.
comunque su qualunque oggetto, testo, immagine etc.. puoi selezionare il pulsante collegamento e scegliere descrizione
@Francesco, nel manuale cercando c'è ...
http://help.websitex5.com/it/v13/pro/ins_link_tab2.htm?zoom_highlightsub=collegamento
Autore
Ma a me scusate serve per i Social Icons che ho inserito. Si può fare anche lì?
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.
Autore
Grazie Massimo! E' un peccato però perché era più carino così!
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
Autore
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.
Autore
Dunque non c'è modo vero?
Buongiorno Francesco,
come ti hanno accennato non è possibile automaticamente con il programma, l'unica è quella di usare altri oggetti o agire direttamente sul codice.
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)
Autore
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?
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.
Autore
Ehh ma il codice esterno dove lo posso trovare?
il codice puoi trovarlo dove lo trovano tutti quelli che cercano... su internet... google docet...
Autore
Potete solo dirmi che tipo di codice mi serve? Php, Html, Css o uno script?
Autore
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>
Autore
Nessuno si fa più sentire?
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.
Autore
Forse Lemonsong ne sa qualcosa penso vero?
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...
Autore
Ora provo Skeggia ma non ho capito al passo 1, Impostazioni, Avanzate in quale opzione bisogna inserire il codice?
Forse in Statistiche, Seo e Codice?
lo davo per scontato... ho dimenticato di scrivere "Statistiche, Seo & Codice" dove altro lo vuoi inserire il codice?
Autore
Ho provato ma in anteprima non compare niente! E' normale o bisogna per forza esportare e si vede poi sul sito?
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)...
i tuoi sono il 48 facebook e 49 pinterest...
Autore
Si per esempio ho sempre il Social Icons di Facebook che è rimasto! Non l'ho cambiato
Autore
Ma dunque dovrei togliere i due oggetti e rifarli?
francesco... per favore... metti quel codice... cambia il numero di oggetto in 48 per facebook ... non è difficile...
Autore
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!
Autore
Questo forse è il programma Website X13 Professional che fa così, ma non so se c'è una soluzione per essere più precisi?
Autore
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.
beh mi arrendo... posti uno screenshot e si va sul sito e hai cambiato tutto...
saluti...
Autore
Niente ho risolto. Basta togliere la spunta "Mostra Freccia" sul Tooltip.
Autore
Skeggia se guardi bene l'immagine era solo un'anteprima e non ho ancora esportato nulla!
Autore
Ora va abbastanza bene! Grazie Skeggia!
penso che ora potresti chiudere con il Corretto sul Post di Skeggia....il minimo...