comment remplacer l'image "en ligne" par du texte ?

[.gasoline.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum :

Description du problème

bonsoir !
- excusez moi d'avance si mon sujet n'est pas à la bonne place.. -

j'ai eu beau fouillé sur google et ici forumactif, mais je n'arrive pas à trouver comme remplacer l'image "en ligne" par du texte.
j'ai déjà remplacer les boutons "répondre, nouveau message" ou "citer, éditer etc"
mais le en ligne pas moyen d'y arriver !

si quelqu'un sait comment faire ça serait génial !!

[Invité]

Hello .gasoline.,
tu peux tester ceci:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher Sur les sujets

Déposes ceci:

Code:


$(function(){
//LE TEXTE DE REMPLACEMENT
var texte="Connecté";
$('.i_icon_online').each(function(){
$(this).replaceWith('<span class="M14_online">'+texte+'</span>');
});});



Penses à cliquer sur le bouton VALIDER

Tu peux modifier le texte dans la variable "texte" ici:

Code:

//LE TEXTE DE REMPLACEMENT
var texte="Connecté";

Puis un peu de style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


/*BOUTON EN LIGNE*/
span.M14_online
{
color: green;
height: 20px;
line-height: 20px;
display: inline-block;
background-color: #333;
padding: 2px 5px;
border-radius: 5px;

}


Penses à cliquer sur le bouton

Et voilou .

a++

[.gasoline.]

merci beaucoup pour votre réponse !
j'ai essayé ce code, mais en résultat je n'ai que le fond noir en pastille et pas le texte par dessus  

[Invité]

Re,
sans visu sur ton fofo , je ne peux rien faire de plus..

Peut-être que le template a été modifié?

a++

[.gasoline.]

oui mon template est modifier !

un lien vers un sujet ouvert : https://forumtestgasoline.forumactif.com/t5-sujet-invites

[Invité]

Re,
tu as ce script:
à priori /29557.js

Code:

$(function(){$('a[href*="mode=quote"] img').replaceWith('Citer');$('a[href*="mode=edit"] img').replaceWith('Editer');$('a[href*="&mode=delete"] img').replaceWith('supprimer');$('a[href*="mode=ip"] img').replaceWith('IP');$('a[href*="mode=report"] img').replaceWith('Signaler ce sujet');$('a[href*="mode=lock&p"] img').replaceWith('Bloquer les alertes');$('a[href*="mode=unlock&p"] img').replaceWith('DÃ:copyright:bloquer les alertes');$('.i_icon_pm').replaceWith("Envoyer un message privÃ:copyright:");$('.i_icon_profile').replaceWith("voir le profil");$('.i_ONLINE_IMG"] img').replaceWith('en ligne');

});


Il faut supprimer cette ligne:

Code:

$('.i_ONLINE_IMG"] img').replaceWith('en ligne');

a++

[.gasoline.]

c'est parfait !!
merci beaucoup !!