Styles

Important (titre d'article)

perso1 (chapeau d'article et sous-titre)

citation


Style encart


Lien pour les collaborateurs :
Voir les autres articles du même auteur.

Ancre
<a id="hautpage" name="hautpage"></a>
<a id="notes" name="notes"></a>

Lien vers une ancre
- dans une nouvelle fenêtre
<a href="#notes" target="_blank">(1)</a>
- dans la même fenêtre
<a href="#hautpage">Haut de la page</a>

Retour à l'appel de note en fermant la fenêtre insérer en lien à la place de l'url : javascript:window.close();
<a href="javascript:window.close();">[cliquer ici pour fermer la fenêtre
  et revenir &agrave; l'appel de note]</a>

cliquer ici pour revenir à l'appel de note

Mettre un document en format Flash swf
Convertir le document en swf, puis l'héberger en ligne.

<object type="application/x-shockwave-flash" width="150" height="100" data="urldudocument.swf"> <param name="movie" value= "url du fichier.swf" /> <param name="quality" value="high" /> </object>


exemple

En surimpression et avec case de fermeture
1° mettre dans le css le design du post-it , à modifier pour les couleurs :
*-------------------Post-it--------------------------------*/
#postit { position: absolute; top: 140px; left: 550px; z-index: 300; width: 273px; height: 222px; background-color: #FFFF99;
font-family: comic sans ms; font-size: 16px; font-weight: normal; color: #000; font-style: italic;text-align: left; line-height:20px;  margin: 0;padding: 0;}

#postit p { padding:0 10px 0 10px; padding:10px 10px 0 10px;}

#close { position: absolute; bottom: 5px; right: 10px; font-size:10px; font-family: verdana; font-style: normal; color: #000; padding: 5px 20px 5px 0; background-color: #CCCCFF; }


Introduire ensuite le post-it avec son texte dans le code html du message d'accueil :

<div id="postit">
<p><span style="font-size: 12pt;">texte du message.<br>suite du texte</p>
<p style="text-align: right;"><span style="font-size: 12pt;">Mezetulle<br></span></p>
<br> <a id="close" onclick="document.getElementById('postit').style.display ='none';" name="close" href="#nogo">Fermer le post-it</a></div>

Exemple :
<div id="postit">
<p><span style="font-size: 12pt;">Je ne peux pas m'occuper du blog en ce moment.<br></span></p>
<p><span style="font-size: 12pt;">Merci de patienter pour les nouvelles mises en ligne et les messages.<br></span></p>
<p><span style="font-size: 12pt;">Bonne lecture et &agrave; bient&ocirc;t !</span></p>
<p style="text-align: right;"><span style="font-size: 12pt;">Mezetulle<br></span></p>
<br> <a id="close" onclick="document.getElementById('postit').style.display ='none';" name="close" href="#nogo">Fermer le post-it</a></div>


********
Logo Creative Commons

Mezetulle by Catherine Kintzler est mis à disposition selon les termes de la licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 France.

******
Faire un lien pointant directement vers un commentaire.

Si tu as un article très commenté, et que tu veux, dans l'article, mettre à jour un lien menant à un commentaire bien particulier (début d'une discussion intéressante par exemple ), il te suffit de faire un lien de ce style:

http://urlblog/article-IDarticle-6.html#commentNumeroCommentaire

exemple avec ton article

http://www.mezetulle.net/article-19992164.html

pour faire un lien vers le commentaire 8 par exemple,

http://www.mezetulle.net/article-19992164-6.html#comment27979566

le numéro du commentaire se trouve dans la source de ta page, qui ressemble à ceci

<a name="comment27975838" id="comment27975838"></a>
<div class="commentContainer comment7  comment_odd ">
<div class="commentMessage">
Le commentaire
</div>
<div class="commentOption">commentaire n° : 8 posté par
etc.

*****
PDF sur le blog
Oui, bien sûr, deux possibilités pour toi.

-intégrer les pdf dans tes documents/autres fichiers et faire dans un article un lien sur un texte ou image avec comme adresse de destination l'url de ton pdf hébergé.

-mettre directement ton pdf (via le mode html) avec une balise iframe en réglant largeur/hauteur

<table border="0" align="center">
<tbody>
<tr>
<td><iframe height="600" width="400" src="http://ton fichier.pdf" align="middle"></iframe></td>
</tr>
</tbody>
</table>
********

slideshare
http://www.slideshare.net/

*********



*****

Téléchargement d'un texte en pdf avec logo Adobe à mettre dans le code source :
<a href="url du document pdf" target="_blank"><img src="http://idata.over-blog.com/0/17/71/72/symbole_pdf.gif" alt="symbole_pdf.gif" style="border: 0px solid #000000; margin: 0px;" width="18" height="16" /></a>


*****
Enlever le lien "Liste complète", ligne à introduire dans CSS :
.listAll a {display: none;}

******

*******

Lecteur vidéo  embarqué compatible iPhone et iPad

Exposé de Catherine Kintzler sur Condorcet... par VotreSaintMaur

*****

Pour effacer le lien "Ecrire un commentaire" sans effacer "Voir les commentaires" (fermer une discussion tout en laissant les commentaires existants visibles), introduire dans le html de l'article :

<style type="text/css">
.linkAddComment {display:none}
</style>

Mais l'inconvénient est que tous les articles affichés en même temps sur la page seront affectés. Donc n'utiliser ce truc que pour des articles à afficher isolément.

********