Est ce possible de changer mes boutons de cette manière?

[Lilynufare]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Je me tourne vers vous encore car j'aurai une question pour l'apparence de mon forum. Je voulais savoir si il était possible de changer les boutons en image (Citer, Editer Pofil, mp, IP, en ligne) pour mettre à la place une écriture, grosseur, couleur, de mon choix, avec la feuille css? Je ne veux pas mettre des images.

Merci de votre attention.

Bonne journée

[MlleAlys]

Bonjour,
Ce sujet pourra sans doute vous aider :
https://forum.forumactif.com/t374787-recherche-des-identifiants-de-boutons-et-les-remplacer-par-du-texte

[Lilynufare]

Bonsoir,
Merci pour le lien, ça m'a beaucoup aidé, j'ai réussi à le faire mais il y a deux boutons qui ne fonctionnent pas :

Java:

Code:

$(function(){
          $('.i_icon_edit').replaceWith("<span class='bouton'>editer</span>");
          $('.i_icon_ip').replaceWith("<span class='bouton'>IP</span>");
          $('.i_icon_quote').replaceWith("<span class='bouton'>citer</span>");
          $('.i_icon_delete').replaceWith("<span class='bouton'>X</span>");
          $('.i_icon_profile').replaceWith("<span class='bouton'>profil</span>");
          $('.i_icon_pm').replaceWith("<span class='bouton'>MP</span>");
          $('.i_icon_aim').replaceWith("<span class='bouton'>aim</span>");
          $('.i_icon_icq_add').replaceWith("<span class='bouton'>icq</span>");
          $('.i_icon_yim').replaceWith("<span class='bouton'>yahou</span>");
          $('.i_icon_skype').replaceWith("<span class='bouton'>skype</span>");
          $('.i_icon_online').replaceWith("<span class='bouton'>En ligne</span>");
        });

Et c'est deux là ne fonctionnent pas, pourtant j'ai mi les bons liens :

Code:

$('.i_icon_email').replaceWith("<span class='bouton'>email</span>");
          $('.i_icon_www').replaceWith("<span class='bouton'>web</span>");

CSS:

Code:

.bouton {
 font-family: 'georgia';
  font-size: 10px;
color: #52514C;
text-transform: uppercase;
}

Merci.

[MlleAlys]

Ces boutons n'ont pas de class, c'est pour ça que le changement ne s'effectue pas...
Pour le bouton email, on peut ajouter la class dans le template :

Dans viewtopic_body, localisez la variable :

Code:

{postrow.displayed.EMAIL_IMG}

Encadrez-la ainsi :

Code:

<span class="i_icon_email">{postrow.displayed.EMAIL_IMG}</span>

Mais du coup comme on ne veut pas remplacer tout ce span mais juste l'image qui est à l'intérieur, il faut modifier le script ainsi :

Code:

$('.i_icon_email img').replaceWith("<span class='bouton'>email</span>");

---

EDIT : pour le site web, utilisez la ligne de script suivante :

Code:

$('a[title="Visiter le site web du posteur"] img').replaceWith("<span class='bouton'>web</span>");

Elle identifie l'image au titre du lien qui lui est appliqué ^^

[Lilynufare]

Merci de votre aide, ça marche
Bonne soirée.