-
.
Imgdots V. 1.0
Se il presente script è di tuo gradimento dai un +1 a questo post
Esempio pratico dello script applicato in un caso più realistico: Guida alla Webchat Integrata
Il generatore di Imgdots vi permetterà di creare delle splendide e personalizzabili immagini interattive da poter utilizzare nei vostri forum o blog, per mostrare in un modo semplice informazioni complesse. Infatti, con questo script e generatore associato, si potranno posizionare i Dots (punti) sull'immagine prescelta, su cui passando sopra col mouse (o toccandolo, se su mobile) verrà visualizzato un Pop-up che può contenere qualsiasi informazione o codice supportato da forumfree. Sia lo script che il generatore sono compatibili con device mobile.
Come Funziona?
Una volta installato lo script (vedasi sotto nella relativa sezione), è disponibile a questa pagina un generatore (mostrato nell'immagine interattive d'esempio presente sopra) per la creazione di immagini interattive. Per prima cosa bisognerà inserire nell'area sopra il pulsante "Inserisci HTML di base" un codice HTML valido e supportato da forumfree, normalmente un semplice codice immagine tipo:HTML<img src="url_immagine">
Una volta cliccato su "Inserisci HTML di base", l'area di sotto con l'immagine di default cambierà, mostrando l'immagine selezionata e qualsiasi altro codice inserito. A questo punto, cliccando su un area dell'immagine/codice dove si vuole inserire un "Dots", si può iniziare a posizionare i codici e poi inserire il contenuto dei pop-up associati nelle Text-area "Punto 1", "Punto 2" etc, dove si potranno inserire sia semplice testo che codice HTML (es: Embed Video Youtube). Cliccando sopra le barre verdi delle Text-aree dei punti, si potra riposizionare il singolo punto grazie alle freccette direzionali del mouse; grazie alle due coordinate percentuali presenti vicino la scritta "Punto x" sarà inoltre possibile allineare o posizionare con estrema precisione ogni singolo punto. Una volta terminata l'immagine interattive, bastera cliccare su "Genera codice" e copiare il codice generato nella text-area che apparirà. Generato e copiato il codice, si potrà inserirlo dove si vuole, sia in Amministrazione > Grafica > Codice HTML che nelle discussioni/post.Installazione
L'inserimento di Imgdots sul forum o blog è semplicissimo. Grazie al pannello di gestione script, EasyScript, disponibile per tutti i siti e accessibile da Amministrazione > Funzioni aggiuntive > Script e codici o tramite il link diretto, è sufficiente cercare lo script nell'elenco e cliccare sul pulsante verde "Installa" presente sotto l'anteprima.
Edited by Steb95 - 24/1/2019, 18:28. -
.
Nico, ho installato lo script ed ho appena finito di testarlo. E' eccezionale, i miei più sentiti complimenti e... grazie! 
Questa nuova funzionalità dischiuderà diverse nuove porte al nostro forum! 
Con l'occasione mi permetto di invitare tutti gli amministratori di forum a provarlo. Vi posso assicurare che non ve ne pentirete.
. -
.
Non ho capito molto, in parole povere in cosa consiste questo script? . -
.
Guarda qui, passa il mouse (da desktop) o il dito (da mobile) sui cerchi neri.
Se vuoi puoi fare delle prove, quel topic è lì apposta.
SPOILER (clicca per visualizzare)Lo so, non perdo occasione per spammare ma stavolta Nico dovrà perdonarmi...
. -
.
Ho come l'impressione che questo eccellente script sia passato pressoché inosservato, forse perché utenti ed amministratori non hanno ben compreso le possibiltà che offre.
Ho a cuore il lavoro di Nicoxys (per ragioni egoistiche, beninteso) mi permetto dunque di postare a seguire alcuni miei "lavori" affinché tutti possano rendersi conto di che razza di formidabile strumento abbiamo tra le mani.
Esempio 1
Esempio 2
Esempio 3
Esempio 4
Ragazzi, che aspettate ad installare questo script?
Vogliamo vedere i vosti lavori, che saranno certamente migliori dei miei! 
SPOILER (clicca per visualizzare)Nico, per quanto possa apparirti incredibile, malgrado tutto 'st' ambaradan sono riuscito anche a non spammare il mio forum.. -
.
A questo punto avrei una domanda: il codici funzionerebbero anche nella newsletter? . -
.
Mi dispiace deluderti, ma li non mi pare possano essere inseriti script 
. -
.
E vabbe', pazienza, nella newsletter da inviare agli utenti... mi inventerò qualcos'altro. Grazie comunque.
. -
.
Girando di notte su Forumfree si trovano delle piccole perle e questo script e' una di esse!!! Una curiosita'..quanti dots si possono aggiungere su un immagine? C'e un limite di numero? . -
.
Nico', di' la verità: pensavi che mi fosse passata la fissa per gli imgdots, vero? E invece no! Eccomi qui, e ti becchi pure il demo-spam! 
. -
.
Questa è solo un'animazione a mo' di dimostrazione relativa una mappa che andremo a realizzare utilizzando gli imgdots. 
. -
.
Vute, mi stavo appunto scervellando su come fare economia di spazio nella homepage del mio forum e grazie a questo tuo intervento credo di aver trovato la soluzione! 😋 L'applicazione degli imgdots nella pagina principale del tuo forum è gradevole e funzionale. Non c'è che dire: i miei complimenti. Con tutta probabilità farò lo stesso...
Come vedi ho sommerso questo topic dei miei ridondanti esempi. Perché non posti qui anche il tuo? Credo sarebbe utile a tutti gli aministratori di forum che ancora ignorano l'utilità degli imgdots.. -
.
Grazie vute, ci vorrà qualche giorno, non mancherò di aggiornarvi.
. -
.
Per il momento solo 'sta cosuccia salvaspazio, nella homepage .CODICE<div class="imgdots_c"><div class="imgdots_color"><p align="center"> ← Guida: come funzionano gli <span style="color:#3c99c1"><b>#</b></span>hashtag?</span></div><div class="singledot" data-input="dotpop8665316906" style="left: 33.8%; top: 55.3%; display: block;"><span class="singledot_span" style="display: none;">5</span></div><div class="singledot_html" style="display:none" data-input="dotpop8665316906"><img style="width:300px" src="https://upload.forumfree.net/i/fc9655914/guide/guida_agli_hashtag_001.gif" alt="guida hashtag forum liuteria"></p></div></di← Guida: come funzionano gli #hashtag?
In sostanza, ho scoperto che gli imdots si possono utilizzare anche senza un'immagine di sfondo.. -
.
P.S. Ahi, da mobile è una schifezza.
.
