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:

1. width - définit la largeur de la note (par défaut 100px)
2. 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.

35 noms de routeur WiFi inhabituels que vous devez voir

La réponse à la plupart de vos problèmes WiFi réside dans un routeur WiFi cool, cependant, l'une des parties les plus intéressantes est de nommer le routeur Wifi. Il est si évident et ennuyeux d'appeler votre routeur wifi à la maison 'home123' ou homewifi. Certaines personnes créatives essaient de rendre les noms de leurs routeurs wifi hilarants et amusants .Avez-vo

(Conseils techniques et de conception)

10 CMS plat pour installer des sites Web légers - Best of

Les systèmes de gestion de contenu traditionnels (CMS) comme WordPress ou Joomla sont excellents, mais si vous construisez un petit site web ou un blog personnel, vous n'avez probablement pas besoin des riches fonctionnalités offertes. Ce dont vous avez besoin, c'est d'une solution plus simple, plus élégante et plus légère - ce dont vous avez besoin, c'est d'un CMS plat.La di

(Conseils techniques et de conception)