Aggiungi il testo del passaggio del margine a qualsiasi sito web facilmente con Marginotes
I tooltip in linea sono fantastici ma a volte semplicemente non si adattano bene a determinati contenuti. La maggior parte dei siti web lascia spazio nei margini lungo il corpo della pagina e questo è perfetto per aggiungere contenuto in stile tooltip senza le descrizioni comandi .
Inserisci Marginote, un plugin jQuery open source gratuito che aggiunge note personalizzate ai margini della tua pagina web. È possibile attivare queste note in base ai collegamenti o a determinati elementi della pagina, ad esempio le immagini.
Questo plugin è sorprendentemente facile da configurare e viene fornito con un foglio di stile predefinito per le note a margine. Questi appaiono a lato del tuo contenuto e si allineano proprio accanto all'elemento paragrafo sulla tua pagina web.
Le note al passaggio del mouse vengono aggiunte manualmente ai tuoi elementi HTML, utilizzando un attributo desc
. Non l'ho mai visto in HTML5, quindi non posso dire se è pienamente conforme. Ma viene catturato da JavaScript che è tutto ciò di cui hai veramente bisogno.
Puoi anche modificare questo attributo quando esegui la funzione marginotes()
, in modo che tu possa cambiarlo in qualcosa come data-desc
se stai cercando di essere più conforme.
Ecco la linea di jQuery necessaria per far funzionare questo plugin:
$ ( "Selettore"). Marginotes ()
Devi sostituire "selector"
con qualunque elemento tu stia bersagliando. Quindi, se sono all'interno del corpo della tua pagina puoi usare ".body span"
. Potresti anche scegliere come link di ancoraggio o alcune classi aggiunte a questi elementi.
All'interno della funzione marginotes()
, puoi aggiungere due parametri facoltativi per modificare il formato della nota di margine:
width
- imposta la larghezza della nota (il valore predefinito è 100px)field
- imposta l'attributo del contenuto HTML (predefinito su"desc"
)
Inoltre, se non ti piace usare jQuery puoi provare il plugin Marginotes vaniglia . Funziona su vanilla JS, quindi hai zero dipendenze per ottenere tutte le stesse funzionalità.
Puoi anche dare un'occhiata a questa demo dal vivo se vuoi vederla in azione. Questo è sicuramente un plugin unico ed è un ottimo modo per aggiungere del contenuto extra al tuo sito.

Caso di studio: progettazione di biglietti da visita che si infrangono!
I biglietti da visita sono un mezzo stampato a lungo termine per diffondere notizie sulla tua attività e su ciò che fai. Questi documenti dovrebbero davvero superare la prova del tempo e della pazienza tra coloro a cui offri servizi. Quindi, i loro concetti dovrebbero essere affascinanti e creativi, distanti dall'immaginazione della gente comune.A

App PDF gratuite per smartphone e tablet - Best Of
PDF è un file facilmente accessibile e una delle forme più comuni di documentazione. È possibile leggere qualsiasi cosa, dai manuali di testo pesanti ai documenti con immagini voluminose tramite PDF. E per utilizzare i file PDF in viaggio attraverso il tuo smartphone o tablet, tutto ciò di cui hai bisogno è una buona app per PDF.Quin