Bonjour,
sur le site de la bibliothèque pour laquelle je travaille on a récemment modifié un encart dédié au réseaux sociaux.
On a mis les iframes qui donnent le nombre d'inscrits à la page FB et le nombre de followers pour Twitter. En dessus des iframes les deux icones respectives FB et TWTR renvoyant aux deux pages.
A part un peu de galère pour arriver à trouver la manière d'importer les deux widgets, aucun souci particulier.
Puis effectivement je me suis aperçu que sur IE les icônes FB et Twitter ne s'affichent pas; on a deux carrés blancs avec une petite croix rouge. Elles continuent à marcher en tant que lien, mais on ne les voit plus. Pas de problème ni sur Firefox ni sur Chrome.
Voila le site:
http://bulco.univ-littoral.fr/medias/medias.aspx?INSTANCE=EXPLOITATION
et voici le code:
Il faut savoir que le site est du tout prêt, car réalisé par une société externe à la BU.Donc pas trop de possibilité de modifier la structure. L'encart en question est modifiable via une appli WYSYWYG propriétaire.
Merci par avance de votre aide!
Modifié par 6l20 (07 Mar 2014 - 10:03)
sur le site de la bibliothèque pour laquelle je travaille on a récemment modifié un encart dédié au réseaux sociaux.
On a mis les iframes qui donnent le nombre d'inscrits à la page FB et le nombre de followers pour Twitter. En dessus des iframes les deux icones respectives FB et TWTR renvoyant aux deux pages.
A part un peu de galère pour arriver à trouver la manière d'importer les deux widgets, aucun souci particulier.
Puis effectivement je me suis aperçu que sur IE les icônes FB et Twitter ne s'affichent pas; on a deux carrés blancs avec une petite croix rouge. Elles continuent à marcher en tant que lien, mais on ne les voit plus. Pas de problème ni sur Firefox ni sur Chrome.
Voila le site:
http://bulco.univ-littoral.fr/medias/medias.aspx?INSTANCE=EXPLOITATION
et voici le code:
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tbody>
<tr>
<td><a target="_blank" href="http://www.facebook.com/pages/BULCO-Biblioth%C3%A8que-de-lUniversit%C3%A9-du-Littoral-C%C3%B4te-dOpale/190162781014271"><img class="profileimage img" alt="BULCO - Bibliothèque de l'Université du Littoral Côte d'Opale" width="63" height="63" src="/userfiles/image/Facebook_Icon_Flat.jpg" /> </a></td>
<td valign="top"><a target="_blank" href="http://twitter.com/#!/BibULCO"><img alt="Suivez-nous sur Twitter !" width="64" height="64" src="/userfiles/image/Twitter_Icon_Flat.jpg" /></a></td>
</tr>
<tr>
<td style="text-align: left"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBULCO-Biblioth%25C3%25A8que-de-lUniversit%25C3%25A9-du-Littoral-C%25C3%25B4te-dOpale%2F190162781014271&width=70&layout=box_count&action=like&show_faces=false&share=true&" frameborder="0" allowtransparency="allowtransparency" scrolling="no" style="border-bottom: medium none; border-left: medium none; width: 70px; height: 90px; overflow: hidden; border-top: medium none; border-right: medium none"></iframe></td>
<td valign="top" cellspacing="2"><iframe class="twitter-share-button twitter-count-vertical" title="Twitter Tweet Button" src="https://platform.twitter.com/widgets/tweet_button.1352365724.html#_=1354037601139&count=vertical&id=twitter-widget-3&original_referer=https%3A%2F%2Fdev.twitter.com%2Fdocs%2Ftweet-button%2Ffaq%23custom-shortener-count&size=m&url=href=https%3A%2F%2Ftwitter.com%2FBibULCO&" frameborder="0" allowtransparency="allowtransparency" scrolling="no" data-twttr-rendered="true" style="width: 55px; height: 62px"></iframe></td>
</tr>
<tr>
<td> </td>
<td><iframe id="twitter-widget-27" class="twitter-follow-button twitter-follow-button" title="Twitter Follow" src="https://platform.twitter.com/widgets/follow_button.1392079123.html#_=1393876656077&id=twitter-widget-27&preview=true&screen_name=BibULCO&show_count=false&show_screen_name=true&" frameborder="0" allowtransparency="allowtransparency" scrolling="no" data-twttr-rendered="true" style="width: 64px; height: 20px"></iframe></td>
</tr>
</tbody>
</table>
<p> </p>
Il faut savoir que le site est du tout prêt, car réalisé par une société externe à la BU.Donc pas trop de possibilité de modifier la structure. L'encart en question est modifiable via une appli WYSYWYG propriétaire.
Merci par avance de votre aide!
Modifié par 6l20 (07 Mar 2014 - 10:03)