Overblog Suivre ce blog
Administration Créer mon blog
1 janvier 2008 2 01 /01 /janvier /2008 14:15
La mort de Gavroche.

Il rampait à plat ventre, galopait à quatre pattes, prenait son panier aux dents, se tordait, glissait, ondulait, serpentait d'un mort à l'autre, et vidait la giberne ou a cartouchière comme un singe ouvre une voix.
De la barricade, dont il était encore assez près, on n'osait lui crier de revenir, de peur d'appeler l'attention sur lui.
Sur un cadavre, qui était un caporal, il trouva une poire à poudre.
- Pour la soif, dit-il, en la mettant dans sa poche.
À force d'aller en avant, il parvint au point où le brouillard de la fusillade devenait transparent. (...)
Au moment où Gavroche débarrassait de ses cartouches un sergent gisant près d'une borne, une balle frappa le cadavre.
- Fichtre! dit Gavroche. Voilà qu'on me tue mes morts.
Une deuxième balle fit étinceler le pavé à côté de lui. Une troisième renversa son panier.
Gavroche regarda et vit que cela venait de la banlieue.
Il se dressa tout droit, debout, les cheveux au vent, les mains sur les hanches, l'oeil fixé sur les gardes nationaux qui tiraient, et il chanta:
On est laid à Nanterre,
C'est la faute à Voltaire,
Et bête à Palaiseau,
C'est la faute à Rousseau.
Puis il ramassa son panier, y remit, sans en perdre une seule, les cartouches qui en étaient tombées et, avançant vers la fusillade, alla dépouiller une autre giberne. Là une quatrième balle le manqua encore. Gavroche chanta:
Je ne suis pas notaire,
C'est la faute à Voltaire,
Je suis un oiseau,
C'est la faute à Rousseau.

Ancre d'Arrivée

Une cinquième balle ne réussit qu'à tirer de lui un troisième couplet:
Joie est mon caractère,
C'est la faute à Voltaire,
Misère est mon trousseau,
C'est la faute à Rousseau.
Cela continua ainsi quelque temps. Le spectacle était épouvantable et charmant. Gavroche, fusillé, taquinait la fusillade. Il avait l'air de s'amuser beaucoup.
C'était le moineau becquetant les chasseurs. Il répondait à chaque décharge par un couplet. On le visait sans cesse, on le manquait toujours. Les gardes nationaux et les soldats riaient en l'ajustant. (...)
Une balle pourtant, mieux ajustée ou plus traître que les autres, finit par atteindre l'enfant feu follet. On vit Gavroche chanceler, puis il s'affaisa. Toute la barricade poussa un cri; assis sur son séant, un long filet de sang rayait son visage, il éleva ses deux bras en l'air, regarda du côté d'où était venu le coup, et se mit à chanter:
Je suis tombé par terre,
C'est la faute à Voltaire,
Le nez dans le ruisseau,
C'est la faute à ...
Il n'acheva point. Une seconde balle du même tireur l'arrêta court. Cette fois il s'abattit la face contre le pavé, et ne remua plus. Cette petite grande âme venait de s'envoler.

Repost 0
Published by Anna K
commenter cet article
29 décembre 2007 6 29 /12 /décembre /2007 00:53

1ère étape :

Créez une image avec la phrase voulue, de la largeur de votre module. Faïtes-la de préférence avec un fond transparent.



2ème étape :

Votre module se présente ainsi pour commencer :



On va créer un espace  entre l'encart de saisie et le titre du module.

Dans le CSS Global, on rajoute

.recherche .box-titre h2 {margin-bottom:30px;}


Ensuite, on va rajouter notre image dans cet espace, en la plaçant dans cet espace.

.recherche {background-image:url(http://www.casimages.com/img/gif/0707270755196265916303.gif);
background-repeat:no-repeat;background-position:center;}


et on obtient :

Repost 0
Published by Anna K - dans Archives
commenter cet article
21 décembre 2007 5 21 /12 /décembre /2007 00:25

1ère étape :

Trouvez un gif qui vous convient : par exemple, chez QUIGIF

J'y ai trouvé celui-là :


2ème étape :

On va mettre ce gif devant la phrase : Cliquez ici pour recommander ce blog
Dans le CSS global, on rajoute :

.recommander .box-content  {padding-top:20px;padding-bottom:20px;
background:url(http://www.casimages.com/img/gif/0707270954436265916649.gif);
background-repeat:no-repeat;background-position:left;text-align:center;}


padding-top:20px;padding-bottom:20px; : les marges du haut et du bas afin que l'image ait la place pour s'insérer

Et on obtient :

Repost 0
Published by Anna K - dans Archives
commenter cet article
11 décembre 2007 2 11 /12 /décembre /2007 14:51
Gadgetothèque

Pour que les gadgets ne soient plus accessoires dans les blogs... en confiance comme en Privilège... sondage, forum, chat, compteur, zoomcloud, lecteur MP3, diaporama, post-it, etc...


Toute la Déco
 

Tout sur la déco (des textures, des curseurs, des gifs, des blinkies...) et toutes les explications pour l'installer sur votre blog (CSS, HTML, scripts...)


Astuces et Gadgets de Blogs
 

Trucs et astuces à rajouter sur son blog... Les sondages, les listes de musique, les radios, les trucs qui ne servent à rien mais qui amusent, les compteurs... Venez en parler sur cette communauté pour tout rassembler et partager vos idées !


Les Modérateurs d'Over-blog
 

Enfin une communauté qui rassemble tous les modérateurs d'Overblog ! (Seuls les modérateurs reconnus par le staff seront acceptés)


Aide
 
Cette communauté regroupe les blogs et les articles d'aide pour faire un blog sur over-blog.


Festival Internet de Romans

Cette communauté a pour objectif de préparer et de centraliser tout les blogs participants au festival de la créativité Internet de romans http://www.festivalderomans.com/festival_de_romans/ !!!!


Référencement

Tout sur le référencement


Apprivoiser la V2

Pour apprendre à utiliser la 2e version d'over-blog. Tutoriels sur le CSS. Cette communauté n'accueillera désormais que des blogs d'aide sérieux.


Widget

Trucs et astuces pour ajouter des widgets sur un blog

Aide CSS

Tout découvrir sur le CSS d'over-blog afin d'obtenir le maximum de son blog.
Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
3 décembre 2007 1 03 /12 /décembre /2007 00:00
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768. Les colonnes de modules et d'articles font 780px de large.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique Pretty in pink en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px;font-family:  Helvetica,Verdana,  Arial, sans-serif; font-size:small;background:url(http://www.casimages.com/img/070328121012427777.gif);
background-position:left;background-attachment:fixed;background-repeat:repeat-y;
background-color:#795C5E;}
#global {background:none;width:810px; margin-left:120px;}

a {text-decoration:none; color:#6B4E50; font-size:110%;}
a:hover {text-decoration:underline; color:#9D6362;}

#ln_0{background:none;}
#top h1 {padding:0px; margin:0px;}
#top  {margin:0px; padding:0px;  border:0px none;background:none;}

#footer {margin-top:10px; position:relative; color:#9D6362; background-color:transparent;}
#footer p {margin:0px; padding: 10px;}

#cl_1_0{}
#cl_1_1    {margin:0px;   padding:5px; float:right; }

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#9D6362;}
.article {margin-top:0px; padding:0px; margin-bottom:5px;color:#6B4E50;text-align:justify;border: 1px solid #6B4E50;}
.date {text-align:center;}
.titreArticle {text-decoration:none;color:#6B4E50;font-size:130%;}
.titreArticle:hover {text-decoration:underline; color:#9D6362;}
.divTitreArticle{text-align:center;}
.afterArticle {color:#9D6362;}
.topic a { color:#9D6362; }

.box { margin:0px; padding:0px; margin-bottom:10px;border: 0px solid ##9D6362;border: 1px solid #6B4E50;}
.box-titre h2 {color:#6B4E50; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;font-size:130%;}
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#9D6362;}
.box-content li {color:#5d3f48;}

.newsletter .box-content {color:#9D6362;}
.calendarTop1 {color:#9D6362;}
.calendarHeader1 {color: #9D6362;}
.calendarToday1 {color:#9D6362;border: 1px solid #9D6362; }

.commentMessage {padding:5px; border:1px solid #6B4E50; margin:0px;background-color:#E1D5D6;color:#6B4E50;}
.responseMessage {padding:5px; border:1px solid #9D6362; margin:0px;background-color:#6B4E50;color:#EFF6E6;}
.commentOption {text-align:right; font-size:90%; color:#9D6362; margin-bottom:10px;}
.h2commentMessage {color:#6B4E50; }

#formComment  {background-color:transparent;border:1px solid #6B4E50;   }
#divRecommander { background-color:transparent; border:1px solid #6B4E50;  }
#divNewsletter { background-color:transparent; border:1px solid #6B4E50;  }

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article à droite

Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans la colonne de droite.


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak) - contenu personnalisé.

Cliquez sur Editer la source

Copiez dans la source

<div style="text-align: right;"><span style="font-size: 8pt;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.</span><br /></div><br />
<table height="120" cellspacing="1" cellpadding="1" width="810" align="center" background="http://www.casimages.com/img/070314125730389083.jpg" border="1">
    <tbody>
        <tr>
            <td align="center"><font size="7"><font color="#e7ded6">DesignAnnaK :<br />
            le blog de design OB</font></font></td>
        </tr>
    </tbody>
</table>

DesignAnnaK : le blog de design OB : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
Repost 0
1 décembre 2007 6 01 /12 /décembre /2007 09:50
L'école pour les Parents



Service Personne et Domicile



Paddythèque



Télénews, l'actualité en direct



Le Monde de Koulou



Macewanta



Les Confidences de Muad'dib



Amateur de nature



Mes parfums d'Egypte



Mode en Russie



Château féodal et ruine médiévale



Des mots pour le dire



Jamais Vertige



Vronski beat



L'Arc-en-ciel de ma vie



Chez Miriel



Au rendez-vous de Kri



Cln's Blog



Le bonheur des Mots



La Déco d'Anna K.

Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
23 novembre 2007 5 23 /11 /novembre /2007 00:22
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768. Les colonnes de modules et d'articles font 780px de large.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique Pretty in pink en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px;font-family: Andy Gras, Helvetica,Verdana,  Arial, sans-serif; font-size:small;background:url(http://www.casimages.com/img/070323053532413004.gif);
background-position:center;}
#global {background:none;width:780px;}

a {text-decoration:none; color:#5d3f48; font-size:110%;}
a:hover {text-decoration:underline; color:#5d3f48;}

#ln_0{background:none;}
#top h1 {padding:0px; margin:0px;}
#top  {margin:0px; padding:0px;  border:0px none;background:none;margin-left:-8px;}

#footer {margin-top:10px; position:relative; color:#5d3f48; background-color:transparent;}
#footer p {margin:0px; padding: 10px;}

#cl_1_0{width:565px;}
#cl_1_1    {margin:0px;   padding:5px; float:right; }

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#5d3f48;}
.article {margin-top:0px; padding:0px; margin-bottom:5px;color:#5d3f48;text-align:justify;font-size:medium;}
.date {text-align:center;}
.titreArticle {text-decoration:none;color:#252424;font-size:130%;}
.titreArticle:hover {text-decoration:underline; color:#5d3f48;}
.divTitreArticle{text-align:center; border: 1px solid #5d3f48;}
.afterArticle {color:#252424;}
.topic a { color:#5d3f48; }

.box { margin:0px; padding:0px; margin-bottom:10px;border: 0px solid #5d3f48;}
.box-titre h2 {color:#252424; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;border: 1px solid #5d3f48;font-size:130%;}
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#5d3f48;}
.box-content li {color:#5d3f48;}

.newsletter .box-content {color:#5d3f48;}
.calendarTop1 {color:#5d3f48;}
.calendarHeader1 {color: #5d3f48;}
.calendarToday1 {color:#5d3f48;border: 1px solid #5d3f48; }

.commentMessage {padding:5px; border:1px solid #e7ded6; margin:0px;background-color:#5d3f48;color:#e7ded6;}
.responseMessage {padding:5px; border:1px solid #5d3f48; margin:0px;background-color:#e7ded6;color:#5d3f48;}
.commentOption {text-align:right; font-size:90%; color:#5d3f48; margin-bottom:10px;}
.h2commentMessage {color:#5d3f48; }

#formComment  {background-color:transparent;border:1px solid #5d3f48;   }
#divRecommander { background-color:transparent; border:1px solid #5d3f48;  }
#divNewsletter { background-color:transparent; border:1px solid #5d3f48;  }

Si la police ne vous convient pas, effacer ce qui est en rouge ci-dessus.
Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article à droite

Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans la colonne de droite.


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak) - contenu personnalisé.

Cliquez sur Editer la source

Copiez dans la source

<div style="text-align: right;"><span style="font-size: 8pt;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.</span><br /></div><br />
<table height="120" cellspacing="1" cellpadding="1" width="770" align="center" background="http://www.casimages.com/img/gif/07091007221362651198199.gif" border="1">
    <tbody>
        <tr>
            <td align="center"><font size="7"><font color="#e7ded6">DesignAnnaK :<br />
            le blog de design OB</font></font></td>
        </tr>
    </tbody>
</table>

DesignAnnaK : le blog de design OB : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
Repost 0
22 novembre 2007 4 22 /11 /novembre /2007 06:30
Ces codes sont accessibles en confiance et à coller en HTML/mode source
Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
22 novembre 2007 4 22 /11 /novembre /2007 00:26
Votre blog est passé en V2 et vous constatez que les photos de l'album sont toutes positionnées sur une colonne.

Il y a 2 solutions :

La première : vous passez en mode avancé et vous aurez plusieurs CSS à gérer : accueil - articles - pages - album photo et photo seule.

Dans le CSS album, vous rajoutez cette ligne

#cl_1_0 {width:100%;}

La seconde : vous n'avez pas envie de vous lancer dans plusieurs CSS, vous restez en mode normal et vous rajoutez cette ligne

#general #cl_1_0 {width:100%;}

Grand merci à Brendufat qui a trouvé cette astuce



Repost 0
Published by Anna K - dans Archives
commenter cet article
14 novembre 2007 3 14 /11 /novembre /2007 00:33
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768. Les colonnes de modules et d'articles font 800px de large.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique Pretty in pink en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px;font-family: Fine Hand, Helvetica,Verdana,  Arial, sans-serif; font-size:small;background:url(http://www.casimages.com/img/070401045429439355.gif);
background-attachment:fixed; background-position:center left;background-repeat:repeat-y;background-color:#979DAF;}
#global {background:none;margin-left:150px;}

a {text-decoration:none; color:#5A547A; font-size:110%;}
a:hover {text-decoration:underline; color:#5A547A;}

#ln_0{background:none;margin-left:5px;}
#top h1 {padding:0px; margin:0px;}
#top  {margin:0px; padding:0px;  border:0px none;background:none;}

#footer {margin-top:10px; position:relative; color:#5A547A; background-color:transparent;}
#footer p {margin:0px; padding: 10px;}


#cl_1_0{}
#cl_1_1    {margin:0px;   padding:5px; float:right;}

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#5A547A;}
.article {margin-top:0px; padding:0px; margin-bottom:5px;color:##5A547A;text-align:justify;border: 2px solid #5A547A;background-color:#D9DBE1;}
.date {text-align:center;}
.titreArticle {text-decoration:none;color:#5A547A;text-decoration:underline;}
.titreArticle:hover {text-decoration:underline; color:#5A547A;}
.divTitreArticle{text-align:center; }
.afterArticle {color:#5A547A;}
.topic a { color:#5A547A; }

.box { margin:0px; padding:0px; margin-bottom:10px;border: 2px solid #5A547A;background-color:#D9DBE1; }
.box-titre h2 {color:#5A547A; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;text-decoration:underline; }
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#5A547A;}
.box-content li {color:#5A547A;}

.newsletter .box-content {color:#5A547A;}
.calendarTop1 {color:#5A547A;}
.calendarHeader1 {color: #5A547A;}
.calendarToday1 {color:#5A547A;border: 1px solid #5A547A; }

.commentMessage {padding:5px; border:1px solid #5A547A; margin:0px;background-color:#D9DBE1;color:#5A547A;}
.responseMessage {padding:5px; border:1px solid #768254; margin:0px;background-color:#434959;color:#D9DBE1;}
.commentOption {text-align:right; font-size:90%; color:#5A547A; margin-bottom:10px;}
.h2commentMessage {color:#5A547A; }

#formComment  {background-color:transparent;border:1px solid #5A547A;   }
#divRecommander { background-color:transparent; border:1px solid #5A547A;  }
#divNewsletter { background-color:transparent; border:1px solid #5A547A;  }

Si la police ne vous convient pas, effacer ce qui est en rouge ci-dessus.
Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article à droite

Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans la colonne de droite.


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak) - contenu personnalisé.

Cliquez sur Editer la source

Copiez dans la source

<div style="text-align: right;"><span style="font-size: 8pt;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.</span><br /></div><br />
<table height="115" cellspacing="1" cellpadding="1" width="790" background="http://www.casimages.com/img/jpg/07090912460662651190865.jpg" border="1">
    <tbody>
        <tr>
            <td>
            <table cellspacing="1" cellpadding="1" width="95%" align="center" bgcolor="#d9dbe1" border="1">
                <tbody>
                    <tr>
                        <td align="center"><font size="6"><font color="#434959">DesignAnnaK : le blog de design OB</font></font></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

DesignAnnaK : le blog de design OB : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.


A voir grandeur nature chez :
Repost 0