Mot-clé - Valide XHTML

Fil des billets - Fil des commentaires

jeudi 22 décembre 2011 à

Afficher les boutons Facebook, Twitter et Google plus Valide aux normes XHTML WC3

Après quelques recherches je suis arrivé à faire passer les boutons des réseaux sociaux aux normes WC3 sur Dotclear mais cela marche partout ( normalement ). Le but est d'utiliser du Java script pour maquiller les erreurs et cela marche ;) ( Oui j'aime lorsque je passe passe la validation même si y'a de la triche :p ).
Pour voir le rendu normalement, il vous suffit de regarder en bas de chacun des billets posté. Mais reste toujours un petit problème ( Normal y'en a toujours ) je trouve pas de solution pour aligner les boutons à l'horizontal pour avoir un meilleur rendu donc si l'un d'entre vous trouve une solution je suis preneur et si vous pouviez la poster dans le forum à ce lien http://board.kipof.net/viewtopic.php?pid=117#p117 cela serait sympa :up:
Voici ce que j'ai pour avoir les boutons Valide:

<script type="text/javascript">
//<![CDATA[
(function() {
document.write('<fb:like width="450" layout="button_count"></fb:like>');
var s = document.createElement('SCRIPT'), 
s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://connect.facebook.net/fr_FR/all.js#xfbml=1';
s1.parentNode.insertBefore(s, s1);
})();
//]]>
</script>
<a href="http://twitter.com/share" class="twitter-share-button">Tweet</a> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
<div id="plusone-div" class="plusone"></div> <script type="text/javascript">
gapi.plusone.render('plusone-div',{"size": "small", "count": "true"}); </script>

Et dans le head pour le bouton de Google ajouez :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang:'fr', parsetags:'explicit'} </script>

dimanche 9 octobre 2011 à

Bouton +1 Google Valide XHTML pour Dotclear

Hier pas grand chose à faire, je me suis mis dans la tête d'installer le fameux bouton +1 de Google mais le problème est que le code donné est surper pas valide xhtml.
Donc depuis hier j'ai eu le temps de trouver la solution pour enfin rendre le bouton valide avec la façon suivante:
Avec l'éditeur de thème de Dotclear ouvrir le fichier user_head.html et ajouter le code suivant à la fin:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
   {lang: 'fr'}
   </script>


Ensuite nous ouvrons le fichier post.html pour placer notre bouton ( je vous laisse trouver l'endroit car je sais pas trop ou je vais le laisser :p ) placez le code suivant :

<div class="g-plusone" id="plusonevalide"></div>


Et normalement cela reste valide :) Un petit clique sur mon bouton pour test ? :D

Voir sur le forum pour le bouton J'aime de Facebook et Tweet http://board.kipof.net/viewtopic.php?id=34