Back to top

Autore Topic: [RISOLTO] Tooltip stile Wikipedia  (Letto 2036 volte)

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
[RISOLTO] Tooltip stile Wikipedia
« il: 28 Dic 2017, 15:07:01 »

Ciao a tutti
Sto cercando un'estensione tipo tooltip in style wikipedia che visualizzi con mouse over sui link un anteprima articolo composta da immagine + testo introduttivo.


Ho trovato qualcosa di simile tipo questa
https://demo.regularlabs.com/index.php/11-tooltips
ma mi pare che lavori distintamente sul testo o sull'immagine...

Mi pare di non trovare altro ma non so se non sono bravo io a cercare...

Qualche consiglio?
Grazie
« Ultima modifica: 30 Dic 2017, 23:25:47 da francofadda »

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #1 il: 28 Dic 2017, 15:39:37 »
Cosa intendi per distintamente?

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #2 il: 28 Dic 2017, 16:27:29 »
Per distintamente intendo effetto over solo immagine su immagine o solo testo su testo...

Vorrei che ci fossero entrambi cioè che passando col mouse su un link apparisse un box preview con una miniatura immagine di anteprima e un piccolo blocco di testo introduttivo estratto dall'articolo collegato.

« Ultima modifica: 28 Dic 2017, 16:29:01 da francofadda »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #3 il: 29 Dic 2017, 13:10:28 »

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #4 il: 29 Dic 2017, 14:24:45 »
Ti ringrazio tanto ma mi sembra lo stesso che avevo trovato io.
Over immagine su link immagine e Over testo su link testo ma non una combinazione dei due...


Vedi esempio wikipedia passando su un link (non su tutti) [size=78%]https://it.wikipedia.org/wiki/Pagina_principale[/size]


Temo però che non ci sia altro oltre a quello segnalato. Con le ricerche Si atterra sempre su quell'estensione.


Teoricamente, essendo open source, si potrebbe mutuare anche il php usato da wikipedia che però lavora sul cms mediawiki ma adattarlo a joomla non è roba per me non essendo programmatore :-\ ...
Inoltre avrei bisogno di un'interfaccia user friendly per il cliente quindi si entrerebbe in merito alla progettazione del componente...


Grazie comunque  ;)



Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #5 il: 29 Dic 2017, 16:37:52 »
allora forse non ho capito, tu devi creare dei tooltips con all'interno un immagine e del testo al loro interno? quello và benissimo

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #6 il: 29 Dic 2017, 17:49:05 »
Allora lo riguardo, può darsi che mi sia sfuggito qualcosa della demo...  :)

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #7 il: 29 Dic 2017, 18:20:02 »
Continuo a non vedere l'esempio che mi riguarda...  :(


Nella demo vedo: Olny text; Title and text e Only title.
Ma non trovo Image and text, oppure Image and title.


Più in basso trovo invece Images in tooltips con effetto over immagine grande passando sulla miniatura ma senza testo. :-[


Magari si può fare...
ma non vedo un esempio funzionante in demo...

è forse il "tip content"?

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #8 il: 29 Dic 2017, 18:46:24 »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #9 il: 30 Dic 2017, 14:29:57 »
quegli esempi si riferiscono al tooltip ma non a quello che puo contenere, la parte text supporta html e quindi l'immagine all'interno del tooltip la devi inserire in html, esempio:
Codice: [Seleziona]
{tip Plugin::<p><img src="percorso/tua/immagine.jpg" /></p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo.}parola su cui appare il tooltip{/tip}

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:Tooltip stile Wikipedia
« Risposta #10 il: 30 Dic 2017, 23:23:08 »
Sì, hai ragione: non fa una piega... Rimane da testare il comportamento combinando testo e immagine. Probabilmente c'è da lavorare sul css per affinare il risultato...
 Il punto è che la cosa è demandata a chi gestirà il sito e in tal senso diciamo che non è proprio ...user friendly, però non mi pare che ci sia molto altro...
 Avrei preferito (anche a pagamento) un componente con una sua interfaccia più strutturata per gestire l'input in modo intuitivo.
 
 Grazie comunque!!!
 
 Per ora credo di poter marcare il post come "RISOLTO" ma se qualcuno trova qualcosa di più semplice farà cosa gradita suggerendo un eventuale alternativa.

Offline francofadda

  • Esploratore
  • **
  • Post: 159
    • Mostra profilo
Re:[RISOLTO] Tooltip stile Wikipedia
« Risposta #11 il: 02 Gen 2018, 10:37:05 »
Questa mi pare corrisponda esattamente a ciò che stavo cercando  :)


https://joomla30.webkul.com/simplehover-effect.html




 



Web Design Bolzano Kreatif