Gadget de partage
Vous cherchez la BOEW v3.1?
À partir du 23 septembre 2014, la version 3.1 de la Boîte à outils de l'expérience Web n'est plus supportée. Le code source et la documentation ont été déplacés vers le dépôt wet-boew-legacy.
Partager une page
Visualiser le code
<div class="wb-share" data-wb-share='{"pnlId": "pnl1"}'></div>
Partager une vidéo
Visualiser le code
<div class="wb-share" data-wb-share='{"type": "video", "title": "Titre de la vidéo", "url": "http://video.url", "pnlId": "pnl2"}'></div>
Partager un fichier audio
Visualiser le code
<div class="wb-share" data-wb-share='{"type": "audio", "title": "Titre du fichier audio", "url": "http://audio.url", "pnlId": "pnl8"}'></div>
Partager un type personnalisé
Visualiser le code
<div class="wb-share" data-wb-share='{"custType": " ce commentaire", "title": "Titre du commentaire", "url": "http://commentaire.url", "pnlId": "pnl3"}'></div>
Ajouter des liens additionnels
Deuxième lien :
Visualiser le code
<div class="wb-share" data-wb-share='{"pnlId": "pnl4"}'></div>
<div class="text-right">
<strong>Deuxième lien :/strong>
<div class="wb-share link-only text-right" data-wb-share='{"pnlId": "pnl4"}'></div>
</div>
Filtrer les sites affichés
Visualiser le code
<div class="wb-share" data-wb-share='{"filter": ["twitter", "facebook"], "pnlId": "pnl5"}'></div>
Ajouter du CSS personnalisé au lien de partage
Visualiser le code
<div class="wb-share" data-wb-share='{"pnlId": "pnl6", "lnkClass": "btn btn-default"}'></div>
Ajouter un site au panneau de partage
Visualiser le code
HTML
<div class="wb-share" data-wb-share='{"pnlId": "pnl7", "sites": {"Site démo": {"name": "Site démo", "url": "http://www.demosite.com/?to=&subject={t}&body={u}%0A{d}"}}}'></div>
CSS
.wb-share .demosite:before {
background: url("demosite.png") no-repeat;
}
- Date de modification :