Recherche des identifiants de boutons et les remplacer par du texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Dim 28 Déc 2014 - 0:26

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/12/2014
Lien du forum : http://www.teso-event.com

Description du problème

Bonjour et bonnes fêtes !

Encore dans la phase de construction de mon forum, j'essaye de "simplifier" quelques éléments, et actuellement, j'en suis au fait de remplacer les images des boutons par du "texte", avec de pouvoir tout modifier facilement via le Css.

En gros, au lieu de faire une image pour par exemple le bouton "Poster un nouveau sujet" , je passe par le Css avec l'identifiant #i_post{.

Mais j'ai un souci, je ne sais pas mettre le texte dans le Css, dans le genre :

#i_post { Remplacement de l'image par le texte : Poster un nouveau message }

Mais qui fonctionne bien sur. Wink

Pour les identifiants, j'ai les plus importants #i_post / #i_reply / #i_reply_locked / #i_icon_pm

Mais il me manque des mini boutons :

Répondre en citant #i_icon_quote
Multi-citation désélectionnée
Multi-citation sélectionnée
Editer le sujet #i_icon_edit
Supprimer ce message #i_icon_delete
Trouver tous les sujets ouverts par ...
Profil #i_icon_profile
Visiter le site web du posteur
E-mail #i_icon_email
Message Privé
Facebook
Twitter
Pinterest
Adresse AIM
Numéro ICQ
MSN Messenger
Yahoo Messenger
Skype
En ligne

Si quelqu'un peux me fournir la liste des identifiants ( et dire ceux que j'ai sont bon ), et surtout comment mettre le texte a la place des images en Css, je suis preneur, merci !


Dernière édition par Mysticals le Ven 9 Jan 2015 - 2:47, édité 4 fois

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Lun 29 Déc 2014 - 0:58

First up ! Smile

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par stefou le Lun 29 Déc 2014 - 9:28

Bonjour,
Je pense que cela serai moins fastidieux de retirer les images correspondant à tes icônes via le panneau admin, affichage, images.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Lun 29 Déc 2014 - 9:38

Oui, mais il faut bien remplacer le vide par du texte, sinon sur quoi on cliquerais?

Je pense qu'il y a moyen aussi en passant par du javascript, genre y a celui ci pour supprimer une image :

Code:
$(document).ready(function(){$('#i_icon_mini_index').parent().hide();});

A mon avis, doit y avoir l'équivalent en remplaçant le .hide par l'élément de notre choix, c'est à dire du texte.

J'ai trouvé ce code aussi dans une autre topic :

Code:
$(function() {
$('a.mainmenu[href^="/login?logout=1&tid="]').text('Deconnexion');
});;

Je vais étudier la piste, mais c'est du bricolage, si quelqu'un passe et s'y connais mieux.

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par stefou le Lun 29 Déc 2014 - 11:28

Je pensais que tu souhaitais modifier uniquement via le css

Si c'est en js et non pas en css peut-être que ceci peut t'aider pour enlever les images.
Code:
var g = [""];
$(function() {
$(".post-options img").attr("src", g)
});

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Lun 29 Déc 2014 - 12:15

Je doit l'interpréter comment ce code? Je ne suis pas très doué en java. Concrètement, je veux par exemple :

Remplacer #i_post par le texte / lien "Poster un nouveau sujet"

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Sam 3 Jan 2015 - 23:38

Allez, dernier up, sinon, je ferais à l'ancienne avec des images.

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par [Nihil] le Sam 3 Jan 2015 - 23:59

Hello Smile

Normalement à partir des ID ou classes tu peux faire quelque chose comme ceci dans ton javascript (ici j'en ai mis 2 pour te faire un exemple) :
Code:
(function(){
    /* Remplacement des images par des textes */
    $('.i_icon_quote').replaceWith("Citer");
    $('.i_post').replaceWith("Poster un nouveau sujet");
});

.i_icon_quote correspond à ton sélecteur
"Citer" est le texte par quoi l'image est remplacée Smile

Sinon c'est faisable en CSS aussi mais autrement, c'est peut-être un peu plus long... Il faut sélectionner les liens (balises a) et non pas les images ^-^
Le CSS pour un forum en phpbb2 donne quelque chose comme ça :
Code:
.nav > a[href$="&mode=reply"] img {
    display: none;
}

.nav > a[href$="&mode=reply"]:before {
    content: "Répondre";
}

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Milouze14 le Dim 4 Jan 2015 - 8:22

Salut à toutes et à tous,

on peut aussi jouer avec les image existantes contenant un alt et avec un script
supprimant le "src" , le alt prendra sa place :

PHPBB2
Code:

$(function(){
$('img#i_post , img#i_post1').removeAttr('src');

});

On peut aussi mettre une class pour la css:
Code:

$(function(){
$('img#i_post , img#i_post1').removeAttr('src').addClass('M14_post');

});

La css:
Code:

#i_post.M14_post
{
LA CSS

}



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4577
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Dim 4 Jan 2015 - 19:58

Salutation messieurs.

Je pense qu'un Java sera préférable pour moi, j'ai déjà le css bien remplis. J'ai tester avec 4 boutons, mais ça ne fonctionne pas :

Code:
(function(){
            $('.i_post').replaceWith("Créer un nouveau sujet");
            $('.i_reply').replaceWith("Répondre au sujet");
            $('.i_reply_locked').replaceWith("Verrouillé");
            $('.i_icon_pm').replaceWith("Envoyer un message privé");
        });

J'ai oublier quelque chose ?

Et à la limite, faudrait rajouter un renvoie au css pour gérer tout ces boutons modifiés par le java.

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par [Nihil] le Dim 4 Jan 2015 - 20:52

Décidément Mysticals, j'accumule les petites erreurs inattentions avec tes demandes... Il faut que je sois plus attentive ! Smile

C'est avec un $ devant, comme ceci :
Code:
$(function(){
  /* contenu à mettre ici */
})

Et non pas comme j'avais mis :
Code:
(function(){
  /* contenu à mettre ici */
})

EDIT :
Sachant que pour le CSS, tu peux très bien mettre dans ton javascript (ou "js" si tu veux faire court, java c'est un autre langage de programmation :p) :
Code:
$('.i_post').replaceWith("<span class='nouveausujet'>Créer un nouveau sujet</span>");

Et ensuite styliser en CSS la classe .nouveausujet Smile

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche des identifiants de boutons et les remplacer par du texte

Message par Mysticals le Dim 4 Jan 2015 - 21:30

Pour le renvoi au css, c’était tout bête finalement. Wink

EDIT :
Ça fonctionne, avec # pour les identifiant, et pas . Pour d'autre, ça me fonctionne pas, c'est surement mon identifiant qui est incorrecte.

Je fait des essais je me manifesterais si jamais j'ai un soucis.

Merci en tout cas!

Mysticals
***

Masculin
Messages : 194
Inscrit(e) le : 25/12/2012

http://www.the-elder-scrolls-by-mysticals.com/
Mysticals a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum