Essais 1

/ / /

Pas mal, ce post-it, non ?

Très utile pour des messages temporaires et importants.

Celui-ci est un essai, alors il ne vous reste plus qu'à le fermer !

Bonne lecture,

Mezetulle

Cet article contient
des essais techniques pour le blog
Merci de ne pas en tenir compte

Revenir à l'accueil au sommaire

Maintenant, j'écris un article rien que pour voir comment il va s'afficher. Ce que j'écris ici est tapé directement dans l'éditeur d'article, sans aucune modification de ma part.

Et ce que j'écris maintenant est copié-collé à partir de mon Wordpad. Police Arial, taille 12

Et ce que j'écris mainentant est copié-collé mais en taille 10 (la taille par défaut du Wordpad).
bon, ça ne change rien, ce qui est très bon signe pour la prise en compte du CSS.

Maintenant, je vais tenter des modifications.

Ceci sera un titre en

Ceci sera un sous-titre en taille medium

Ceci sera un nom d'auteur en taille small

Ceci sera un chapeau en small gras couleur bleu

Ceci sera une citation en taille xx-small

Moi je vois tout en Verdana, mais le blog doit s'afficher en Arial.

© Catherine Kintzler

Note de bas de page

Placer une ancre :
<a name="nom du signet"></a>
Placer un lien renvoyant à l'ancre : commande "lien", choisir "ancre".

********

POST IT
1° Il faut déclarer le post-it comme identité dans la CSS :
#postit { position: absolute; top: 140px; left: 400px; z-index: 300; width: 273px; height: 240px; background-color: #ffefd5; background: transparent url (url image facultatif) no-repeat center center;
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: 2px px 3px 0; background-color: #CCCCFF; background-image: url(url_de_l'image_du_bouton) no-repeat center right; }
/* codes couleur pour le fond ; jaune #ffff99, rose #FFCC99 rose pâle #ffefd5 bleu #CCCCFF*/

2° Pour mettre un Post-it dans un article.Placer le code html dans l’article où on veut qu’apparaisse le post-it :
<div id="postit" style="left: 343px; top: 141px; height: 240px;">
<p><span style="font-size: 12pt;">Texte du postit ligne 1<br></span></p>
<p><span Texte ligne 2Très utile pour des messages temporaires et importants.</span></p>
<p><span style="font-size: 12pt;">Texte ligne 3<br></span></p>
<p><span style="font-size: 12pt;">Bonne lecture,</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>

Info bulle ordinaire :
ajouter dans la référence : title="texte de la bulle"

Je vais mettre une infobulleLà, c'est le texte de l'infobulle,tu vas voir

Je veux mettre une infobulle CSS sur un lien : accueilRetour à l'accueil

*************
Indexation du sommaire (à utiliser lorsque le sommaire deviendra trop gros - les ancres existent déjà dans l'article Sommaire, il n'y a qu'à copier-colle).

Liste des rubriques :

Politique, société, actualité
Théâtre, spectacles
Musique, opéra, danse
Lecture
Dossiers, débats
Mélanges, sport
Bloc-notes
Ego et vie du blog

Module de recherche

**********

**********

Pour les liens avec fenêtre popup, dimensions: Taille modifiable, barres de défilement, Largeur 900, Hauteur 450, Gauche 60 Haut 10

**********

Smiley avec url

******codes couleur

rose soutenu color : rgb (255, 204, 153);

rose pâle color color : rgb (255, 239, 213);

bleu des liens color : #5675A4; ou color:rgb(86, 117, 164)

bleu des chapeaux d'article color : rgb (102, 102, 153);

gris de l'en-tête et du fond des liens color : #ddd; ou rgb(221, 221, 221);

Blanc #FFFFFF

Noir #000000
noir rgb(0,0,0);

********************

Placer un texte autour d'une image :

<img style="float:left; margin:7px" src=http://(l'url de l'image)>

<P>Le texte ici</P>

ce compteur fonctionne

*******
Supprimer le soulignage d'un lien seulement:
<a href="http://www.tonlien.html/" style="text-decoration:none;">texte de ton lien</a>

Image hébergée à l'extérieur, pour la voir dans l'article, placer le lien dans le code source :
<img src="URL de l'image"/>

Exemple image stockée sur ob <img width="115" height="84" class="GcheTexte" alt="" src="http://idata.over-blog.com/0/17/71/72/smileyrugby.jpg" />

Exemple image hébergée à l'extérieur <img src="http://smileys.sur-la-toile.com/repository/Ordinateur/cabug.gif"/>

Le lien va s'ouvrir dans une fenêtre popup réglable :
Utiliser les options de la commande "Lien", cocher "fenêtre popup", cocher "taille réglable"
régler les valeurs largeur 950 hauteur 350 gauche 10 haut 10

Date de mise en ligne. Il faut impérativement introduire une heure de mise en ligne -cliquer sur le petit calendrier à droite - sinon l'article est automatiquement daté de l'heure et de la date actuelles.

*******

Jukebox vidéo du moment

Lien direct sur une vidéo

**********

Liste d'articles

Etat de droit et dogmatisme intégriste (J.M. Kintzler) (25/11/1792 catégorie: Politique, société) L’Etat de droit face au dogmatisme intégriste: la crise philosophique du modèle communautairepar Jean-Marie Kintzler (1) En ligne le 10 déc. 06 La notion de délit religieux a-t-elle une pertinence politique ? La confrontation de l'Etat de droit avec l'islamisme intégriste relève-t-elle d'une ...

Baudelaire et le rire classique (2) (24/11/1792 catégorie: Lecture) Baudelaire et la théorie classique du rire : comment se moquer du monde (2e partie)par Catherine Kintzler en ligne le 26 nov. 2006 Lire la première partieSommaire de la seconde partie : 5 - La dimension cosmologique et l’Inquiétante étrangeté : comment on peut « se moquer du ...

Baudelaire et le rire classique (1) (24/11/1792 catégorie: Lecture) Baudelaire et la théorie classique du rire : comment "se moquer du monde" (1re partie)par Catherine Kintzler en ligne le 26 nov. 2006 Lire la seconde partie Selon une lecture couramment admise, le texte de Baudelaire « De l’essence du rire » marquerait une découverte qui nous aurait ...

D'un prétendu droit au respect (E. Bottineau-Fuchs) (23/11/1792 catégorie: Politique, société) D’un prétendu « droit au respect »par Edith Bottineau-Fuchs (1) en ligne le 11 novembre 06 Le mot « respect » impose le respect : aussi est-il est utilisé à tout bout de champ comme un mot magique pour paralyser la pensée. Edith Bottineau-Fuchs ose dissiper ...

********
introduire le modulede recherche yahoo:

Recherche

Lecteur audio

Lecteur Windows media

Femeture fenetre en Javascript code source à placer :
<A HREF="javascript:window.close()">Fermer la fenetre</A>
Fermer la fenetre

Pour les notes il faut faire ouvrir une nouvelle fenêtre sur l'appel de note vers l'ancre et placer ce message dans le code source à hauteur des notes
[Si vous avez cliqué sur un appel de note, <a href="javascript:window.close();">retour à l'appel</a> ]
Voici le résultat :
[Si vous avez cliqué sur un appel de note, retour à l'appel ]

Version 2 ancres et appels de note
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
<a href="javascript:window.close();">[cliquer ici pour
revenir à l'appel de note]</a>

******
Renvoyer directement à 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.

******