Recherche des identifiants de boutons et les remplacer par du texte

2 participants

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 Invité 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
Anonymous

Invité
Invité


Invité 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 Invité Lun 29 Déc 2014 - 0:58

First up ! Smile
Anonymous

Invité
Invité


Invité 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 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

stefou
*****

Masculin
Messages : 901
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 Invité 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.
Anonymous

Invité
Invité


Invité 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 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

stefou
*****

Masculin
Messages : 901
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 Invité 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"
Anonymous

Invité
Invité


Invité 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 Invité Sam 3 Jan 2015 - 23:38

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

Invité
Invité


Invité 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] 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]

[Nihil]
Membre habitué

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

https://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 Invité 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++
Anonymous

Invité
Invité


Invité 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 Invité 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.
Anonymous

Invité
Invité


Invité 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] 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]

[Nihil]
Membre habitué

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

https://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 Invité 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!
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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