Modifier le texte non modifiable des modules Recommander, Newsletter et Concours

Publié le par PêUR

Mise à jour le 02/03/2006 21:44

Récement sur le forum, il a été demandé comment modifier le mot "recommander" dans le module Recommander (Voir le fil ). Jusqu'à présent les aidants et modérateurs disaient qu'il était impossible de modifier le texte de ce genre de module car l'accès à leur code HTML n'est pas activé.

Cependant, il existe une méthode en CSS pour remplacer ces textes.

ATTENTION, le remplacement n'est visible que par vos visiteurs utilisant Firefox, Mozilla, Safari et Opera.

Ci-dessous le "comment faut faire"

1/ Modification du lien "Recommander" dans le module "Recommander"

Pour transformer le lien "Recommander" du module "Recommander" en "Texte de votre choix", il suffit de rajouter ces lignes dans votre CSS (sous les lignes .box-quelquechose):

CSS

#Recommander .box-content a {visibility:hidden !important; visibility:visible;}
#Recommander .box-content a:before  {content:"Texte de votre choix"; visibility:visible;}

2/ Modification du texte "Inscription à la newsletter" et "Email" dans le module "Newsletter"

Pour transformer le texte "Inscription à la newsletter" du module "Newsletter" en "Texte de votre choix" et pour transformer "Email" en "Courriel", il suffit de rajouter ces lignes dans votre CSS (sous les lignes .box-quelquechose):

CSS

#Newsletter .box-content  {visibility:hidden !important; visibility:visible;}
#Newsletter .box-content:before  {content:"Texte de votre choix"; visibility:visible;}
#Newsletter .box-content form {visibility:visible}
#Newsletter .box-content label  {visibility:hidden !important; visibility:visible;}
#Newsletter .box-content label:before  {content:"Courriel"; visibility:visible;}

 

3/ Modification du lien "Créer votre blog gratuit" dans le module "Concours"

Pour transformer le lien "Créer votre blog gratuit" du module "Concours" en "Texte de votre choix", il suffit de rajouter ces lignes dans votre CSS (sous les lignes .box-quelquechose):

CSS

#Concours .box-content  a {visibility:hidden !important; visibility:visible;}
#Concours .box-content a:before  {content:"Texte de votre choix"; visibility:visible;}

 

 

 

Publié dans Faq

Commenter cet article

Jacquesb 08/08/2007 01:23

Bonjour

J'ai copié le texte d'orion, mais ca ne marche pas. Dans mon CSS, il y a actuellement ceci :
#divNewsletter h2 {text-align:center; font-size:12px;}

J'ai ajouté le texte d'Orion corrigé par toi :

.box-content { padding:0px 2px 0px 5px;}
.newletter .box-content {visibility:hidden !important; visibility:visible;}
.newletter .box-content:before {content:"Pour être avertis des nouvelles astuces de mon blog "; visibility:visible;}
.newletter .box-content form {visibility:visible}
.newletter .box-content label {visibility:hidden !important; visibility:visible;}
.newletter .box-content label:before {content:"Courriel"; visibility:visible;}

Mais rien ne bouge... où ai-je fait une erreur ?

Merci de prendre de ton temps pour me répondre.

Jacques Beaulieu

•• Orion •• 16/06/2007 15:21

Merci beaucoup, je viens d'essayer, ca marche a merveille !!!
Et félicitation pour ton blog; il est vraiment génial !

PêUR 16/06/2007 15:25

:)

•• Orion •• 13/06/2007 16:43

Salut ! Je viens d'essayer de modifier le texte " Inscription a la newsletter", mais ca ne marche pas !!! (sous firefox)ca marque toujours Inscription..."
A mon avis, j'ai mal placé le code CCS. Dans mon CSS ca donne ca :

.box-content { padding:0px 2px 0px 5px;}
#Newsletter .box-content {visibility:hidden !important; visibility:visible;}
#Newsletter .box-content:before {content:"Pour être avertis des nouvelles astuces de mon blog "; visibility:visible;}
#Newsletter .box-content form {visibility:visible}
#Newsletter .box-content label {visibility:hidden !important; visibility:visible;}
#Newsletter .box-content label:before {content:"Email"; visibility:visible;}

Si tu pourai m'aider stp ...
@++

PêUR 13/06/2007 22:12

Remplace tous les #Newsletter par .newletter (Attention au point et à la minuscule).
C'est une différence liée à la V2 d'overblog.

loic 10/05/2007 14:09

Salut,
J'ai modifié le CSS comme tu l'expliques, ça marche... à moitié !
En effet, le texte du module "Recommander" n'est plus le même, mais il est affiché "Texte de votre choix" alors que j'ai remplacé ça par "blabla" dans le CSS... Je sais pas si je me fais bien comprendre. Ca donne ça :

#Recommander .box-content a {visibility:hidden !important; visibility:visible;}
#Recommander .box-content a:before {content:"blablabla"; visibility:visible;}

Mais sur le blog le texte n'est pas "blabla" mais "texte de votre choix"...

C'est à n'y rien comprendre !

(PS: j'utilise bien Firefox)

PêUR 10/05/2007 22:09

L'url de ton blog que je regarde?

Phenix 02/04/2007 11:52

Salut,
Pourquoi cela ne fonctionne-t-il pas sous IE ?
Merci,
Phenix.

PêUR 03/04/2007 08:25

Les pseudo-classes :before et :after ne sont pas gérées par Internet Explorer (je ne sais pas si c'est toujours le cas pour IE7) en tout état de cause, c'est à Microsoft qu'il faut demander pourquoi son navigateur ne prend pas en compte toutes les recomandations du W3C ;)