Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
15 janvier 2009 4 15 /01 /janvier /2009 00:39

Le but est de faciliter la navigation sur votre blog : plus elle sera aisée, plus  longtemps le visiteur restera sur votre blog.

En bas de vos articles, vous avez sans doute mis l'étiquette  "Publié dans : la catégorie". Elle n'a d'intérêt que si elle incite votre visiteur à cliquer dessus pour aller voir les autres articles de cette catégorie.

PREMIERE ETAPE

Avec un logiciel de dessin, vous créez une image de la sorte

Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit

Vous écrivez cette phrase sur un fond transparent ou sur le fond de votre blog.
Je lui ai mis les dimensions suivantes : 300px * 20px.
Pensez à utiliser la même police, taille et couleur, que sur votre blog.

Vous hébergez ensuite cette image.

DEUXIEME ETAPE

Dans Configurer, sous l'article, vous réservez une des 2 lignes pour mettre l'étiquette "publié dans"

TROISIEME ETAPE

Dans le(s) CSS, vous rajoutez

.topic {text-align:right;background-image:url(http://www.casimages.com/img/jpg/07091609353762651242228.jpg); background-repeat:no-repeat;background-position:top left ;padding-left:300px;padding-top:2px;}


On place le texte à droite.
On place cette phrase en background et on demande qu'elle soit sur la gauche en haut
On crée une marge sur la gauche pour ce background

QUATRIEME ETAPE

Le résultat

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

Thaddée 22/08/2010 18:51


Bonjour Anna K. Mon commentaire n'a rien à voir avec l'article ci-dessus. J'ai mis une boîte de la Déco d'Anna K. sur mon blog (j'adore le charme de ces boîtes). Pas de problème pour écrire du
texte à l'intérieur mais y a-t-il moyen de la centrer dans le module ?
S'il faut aller dans le CSS j'ai quelques difficultés avec...
Bonne fin de dimanche.
Thaddée


seventy 15/05/2009 10:56

bonjour Anna
fidèle lecteur de ce site, bravo pour toutes ces infos. je n'ai pas réussi à faire cette manip dans le css. j'ai bien copier la phrase dedans mais rien ne se passe et je ne vois pas ou est le problème. pourriez-vous m'aidez svp, merci
cdlt
chris

tiffany 04/10/2008 01:10

bon j'ai abandonner cette idee car je ni arrive pas tu tout cela fait trop moche moi et ca donne pas du tout comme ton image d'exemple
c'est a dire les espaces entre ajout commentaire et commentaire
de plus a chaque fois que j'essais de faire comme toi pour "vous recherchez un autre article sur ce thème?" tout aprés ce metr a gauche et tous l'un en dessous de l'autre et non comme ta belle presentation de ton exemple

miriel :0091: 12/04/2008 19:51

coucou Anna, tu dois être en vacances, ou bientôt.....j'ai envie de faire pleins de changements sur mon blog, mais j'ai pas trop d'idées, alors je fouille un  peu chez toi......gros gros bisouuuuuuu

Jean Michel 12/04/2008 18:03

Coucou Annak sympas cet astuce qui permet de prolonger le surf sur le même sujet , pour la mise à jour adobe méfie toi il y a beaucoup de plantages écran du style petit traits... ( sourire ) mon avis : certaines mises à jours sont pas toujours necessaires regarde les cartes graphique par exemple, si tout fonctionne après tout...il me reste une chose à te souhaiter /// DE TRES BONNE VACANCES repose toi en famille gros bisous :)