Qu'est-ce qu'une bulle d'information ?Voici ma bulle d'information
Quelques rappels :
la balise <BLOCKQUOTE> créé un retrait par rapport au texte normal.
la balise <CITE> sert à insérer une citation.
A coller en HTML (mode source)
<div id="bulle">
<blockquote>
<p>Voici ma bulle d'information</p>
</blockquote>
<cite>Qu'est-ce qu'une bulle d'information ?</cite></div>
Vous personnalisez les phrases qui sont en rouge
A coller tout à la fin du CSS Global
#bulle {width: auto; font-size: 10px; margin-bottom:20px;}
#bulle blockquote {margin: 0px; padding: 0px; border: 3px double #2f3343;background-color: #d8e2ec;}
#bulle blockquote p {margin: 10px; padding: 0px;}
#bulle cite {position: relative;margin: 0px;padding: 7px 0px 0px 15px;top: 0px;
background: transparent url(http://nsm01.casimages.com/img/2008/03/22//08032210143562651856067.gif) no-repeat 20px 0; font-style: normal;}
Vous pouvez ensuite modifier
Cet article a déménagé sur Les nouvelles ficelles d'Anna K.
C'est à dire, encadrer les numéros et rajouter un fond qui changent au survol de la souris
Pour l'état normal
Dans votre CSS, rajoutez
color:#3c4157; couleur de l'écriture
font-size:14px : taille de la police
border:1px solid #3c4157 : bordure
margin-right:6px : espace entre les chiffres
padding:2px : espace entre les chiffres et leur encadrement
background-color:#d8e2ec : couleur du fond de l'encadrement
Au survol de la souris
Dans votre CSS, vous rajoutez
Même Principe.
Et enfin, pour le chiffre de la page affichée
A voir :
les codes couleur
les encadrements
Pour cela, il faudra aller dans le CSS : Design > Mode Avancé > cocher personnaliser
Après chaque modification, pensez à
C'est seulement possible pour la newsletter que vous créez, pas celle qui est envoyée automatiquement à chaque nouvelle parution d'article.
Donc vous cliquez sur :
Votre éditeur d'article apparaît.
Vous cliquez sur :
Pour une couleur, vous collez en mode source
<div style="background: #000000 ;">
Votre texte
</div>
avec votre propre code couleur.
Pour une texture, vous collez en mode source
Pour une image de fond, vous collez en mode source
Pensez, le cas échéant, à changer la couleur de la police pour que la newsletter soit lisible.
TEMPLATES FOR OVER-BLOG : des designs prêts à l'emploi