hideout-lastation.com
Ajouter le texte de marge volante à tous les sites Web facilement avec Marginotes
Les infobulles en ligne sont fantastiques mais parfois elles ne correspondent pas à certains contenus. La plupart des sites Web laissent un espace dans les marges le long du corps de la page, ce qui est parfait pour ajouter du contenu de type info-bulle sans les info-bulles .
Entrez Marginotes, un plugin jQuery open source gratuit qui ajoute des notes personnalisées aux marges de votre page Web. Vous pouvez basculer ces notes en fonction de liens ou de certains éléments de la page, tels que des images.
Ce plugin est étonnamment facile à configurer et il est livré avec une feuille de style par défaut pour vos notes de marge. Ceux-ci apparaissent sur le côté de votre contenu et ils s'alignent juste à côté de l'élément de paragraphe sur votre page Web.
Les notes flottantes sont ajoutées manuellement à vos éléments HTML à l' aide d'un attribut desc . Je n'ai jamais vu cela en HTML5, donc je ne peux pas dire si c'est entièrement conforme. Mais, il est récupéré par JavaScript, c'est tout ce dont vous avez vraiment besoin.
Vous pouvez également modifier cet attribut lorsque vous exécutez la fonction marginotes(), de sorte que vous puissiez le remplacer par quelque chose comme data-desc si vous souhaitez être plus conforme.
Voici la seule ligne de jQuery nécessaire pour faire fonctionner ce plugin:
$ ("sélecteur"). marginotes () Vous devez remplacer "selector" par les éléments que vous ciblez. Donc, s'ils sont dans votre corps de page, vous pouvez utiliser ".body span" . Vous pouvez également cibler des liens d'ancrage ou par certaines classes ajoutées à ces éléments.
Dans la fonction marginotes(), vous pouvez ajouter deux paramètres facultatifs pour modifier le format de la note de marge:
width- définit la largeur de la note (par défaut 100px)field- définit l'attribut de contenu HTML (par défaut"desc")
De plus, si vous n'aimez pas utiliser jQuery, vous pouvez essayer le plugin vanilla Marginotes . Il fonctionne sur JS vanilla, donc vous avez zéro dépendances pour obtenir toutes les mêmes fonctionnalités.
Vous pouvez également consulter cette démo en direct si vous voulez le voir en action. C'est certainement un plugin unique et c'est un excellent moyen d' ajouter du contenu supplémentaire à votre site.
La vérité sur la vie en tant que nomade numérique
Au fil des ans - grâce à l'avènement de la communication en ligne - un nouveau type de professionnel a émergé: le «nomade numérique». Les nomades numériques sont des individus dont la routine quotidienne est de bouger, de voyager et d'essayer de nouvelles choses .Ils n'ont besoin que d'un ordinateur portable et d'une connexion Internet pour pouvoir travailler pratiquement n'importe où dans le monde: sur le sable d'une plage tranquille d'une île exotique, d'un restaurant renommé ou même d'une chambre d'hôtel à l'autre bout du monde. Pour beaucoup
10 icônes de polices utiles et gratuites que vous devriez mettre en signet
Comme de plus en plus d'appareils adoptent des écrans haute définition, les icônes de polices deviennent le choix populaire à adopter. Il est redimensionnable sans compromettre la qualité et personnalisable par CSS . Nous pouvons facilement changer la couleur, la taille et même animer les icônes de polices avec CSS3. De pl
