Bien intégrer les éléments codés dans ses billets
Par Gregoire Macqueron le jeudi, septembre 18 2008, 12:01 - Appropriation du Web2.0 - Lien permanent
Pour utiliser des illustrations "embed" ou des éléments comme des slideshows ou des documents-livres, il faut en général recourir à du code html. Celui-ci est souvent généré automatiquement par des sites tels que Picapp, Calaméo ou Slideshare.
Voyons voir comment:
Ex: d'une image mal intégrée:
Au lieu de ça:
Ça: <div class="picappstyle"><script src="http://pis.picapp.com/IamProd/Resources/Javascripts/PisV3.js"></script><script src="http://pis.picapp.com/IamProd/Resources/javascripts/DataV3.ashx?ImageId=109163&PublisherId=5179"></script><a href="http://www.picapp.com/PublicSite/ViewDetails.aspx?ImageId=232382" target="_blank" class="remove"><img id="picappimg" src="http://www.picapp.com/ftp/Images/0228/439f36c4-9275-437e-b8de-0c65504ed128.jpg" width="320" height="228" oncontextmenu="return false;" onload="try{registerLoadImage(this)}catch(ex){}" alt="Technology Concepts 2"/></a><script type="text/javascript">var iamInit = function() {try{initIamServingHandler(320,228,109163,"http://pis.picapp.com/IamProd/Resources/Css/css2.css")}catch(ex){}}()</script></div>
Pour intégrer ces éléments en code, il faut passer en mode xhtml (et non wiki), dans la colonne de droite et coller les fragments de code en mode d'affichage "source" et non "visuel" (en bas à droite du cadre contenu).
Lorsque vous copiez le code, prenez bien garde de copier l'intégralité du code (ctrl-A) et vérifiez que ce code est bien complet avant de publier le billet. Parfois, le début du code disparais lors de la visualisation du billet, alors, ouvrez l'oeil !