Mettre une « Image » dans les titres (Créer un compte)

Salut,

euh… tu as du réussir puisque c’est déjà en place sur ton site 🙂

bonjour,

l’image est trop petite pour être reprise derrière les titres, il va falloir en refaire une du même genre mais à la bonne taille.

ensuite pour la mettre « en service » il faudra éditer ton fichier CSS et ajouter à la #content h2 (vers la ligne 304) : background-image: url(http://adresse_image.gif);

ce qui donnera avec ce qu’il y a déjà

#content h2 {
font-size:14pt;
background-image: url(http://rapadonf.fr/blog/wp-content/themes/StudioPress-fr/images/sidebar_h2.gif);
}

bon là j’ai mis l’adresse de l’image que tu montres mais faudra mettre l’adresse de la bonne.

Oui, excuse-moi, je suis neuneu, je n’avais pas vu les flèches

Soluce comme Ysabel pour du vite fait, avec plutôt :
background: url(‘images/sidebar_h2.gif’) no-repeat;
pour éviter les répétition disgracieuses.

Mais l’idéal est de faire un long fond pour le h2 et de mettre un bord à part. Ainsi, ton bouton pourra être aussi court ou long que tu le souhaites.
Et si tu ne veux pas qu’il soit trop court, faut surement passer par un min-width (non supporté par IE<7)

Détail :

#content h2 {
  background: url(‘./bord_bouton.gif’) left 0 no-repeat; // on ne répète pas le bord
  }
  
  #content h2 a {
  text-decoration : none;
  margin-left: 8px; // on laisse la place pour le bord
  padding-right: 8px; // on laisse une marge pour le côte droit
  background: url(‘./fond_bouton.png’) right 0; // on affiche le fond aligné à droite
  }

Il est impératif que tes h2 contiennent le titre en lien, sinon il faut englober ce titre dans un par exemple.

Pour les images :
fond_bouton.png (pour un titre de 500px max)

bord_bouton.gif

Edit: si les images ne sont pas lues sur ton blog, mets le chemin absolu comme le donne Ysabel (http://rapadonf.fr/blog/wp-content/themes/StudioPress-fr/images/)

Ah ? Je viens de tester le même code et ça fonctionne.

Mais d’autres régles sur la feuille ont pu parasiter.
Ajoute une couleur de fond pour voir si elle apparait.

background: red url(‘http://rapadonf.fr/mini.png’) right 0;

Si elle apparait, tu t’es peut-être planté dans le nom de l’image. Et essaie toujours de forcer la mise à jour de la css (rafraichir + touche CTRL).

Si elle n’apparait pas… euh… tente toujours un display: inline.

c-a-d mets display: inline; dans #content h2 a (n’importe où)

Si ça marche pas et que tu n’as pas peur de mettre en ligne avec le bug, je peux voir 2 minutes où ça plante demain.

Tu dois modifier les fichiers correspondant de WP : archive.php en général.

Tu cherches les next_post_link et previous_post_link. Tu remplaces par next_post_link(‘‘); (pareil pour previous), ce qui devrait fonctionner.

S’il y a d’autres paramètres dans le post_link d’origine après le texte, copie-les (ça permet, par exemple, de naviguer en restant dans la même catégorie).