Template - lien vers l'IP du posteur

[NyxBanana]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Changement manuel dans le template viewtopic_body
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour

Pour la mise en place d'un design, j'aimerais pouvoir mettre des mots plutôt que des icones sur les boutons pour interagir avec un poste sur le forum. Et si j'ai réussit à rendre tous les liens fonctionnels avec un peu d'imagination, je dois bien avouer que le lien vers l'IP me résiste.

Ma solution ressemble actuellement à ça.

Code:

                                <div class="message__content__btns">
                                    <div class="btn__quote">
                                        <a href="/post?p={postrow.U_POST_ID}&mode=quote">Citer</a>
                                    </div>
                                    <div class="btn__edit">
                                        <a href="/post?p={postrow.U_POST_ID}&mode=editpost">Éditer</a>
                                    </div>
                                    <div class="btn__delete">
                                        <a href="/post?p={postrow.U_POST_ID}&mode=delete">Supprimer</a>
                                    </div>
                                    <div class="btn__ip">
                                        <a href="/modcp?mode=ip&p={postrow.U_POST_ID}">IP</a>
                                    </div>
                                </div>

Je pense qu'il me manque des informations dans le lien vers l'IP considérant qu'il me renvoie l'erreur "Le forum que vous avez sélectionné n'existe pas."

Je me demandais s'il utilisait une solution alternative pour que le forum n'appelle pas directement une image là où j'ai juste besoin d'un string de texte ?

Merci beaucoup

[Milouze14]

Salut NyxBanana,
alors cette version est un peu particulière concernant les images car elle n'utilise même pas celles du PA.

Et si j'ai réussit à rendre tous les liens fonctionnels avec un peu d'imagination,

Il faudra supprimer ce que tu as fais au préalable


Il faut laisser les variables dans ton template comme ceci et en suivant ton choix sur les boutons a afficher:

Code:

 <div class="message__content__btns">
                                    <div class="btn__quote">
                                    {postrow.displayed.QUOTE_IMG}
                                    </div>
                                    <div class="btn__edit">
                                      {postrow.displayed.EDIT_IMG}
                                    </div>
                                    <div class="btn__delete">
                                     {postrow.displayed.DELETE_IMG}
                                    </div>
                                    <div class="btn__ip">
                                     {postrow.displayed.IP_IMG}
                                    </div>
                                </div>


Puis un script :
Une aide ici pour le javaScript:
https://forum.forumactif.com/t311791-gestion-des-codes-javascript#2719705

à placer " Sur les sujets":
Nomme le script comme tu le souhaites et place le contenu suivant :

Code:

$(function(){
$('.message__content__btns').each(function(){
//le texte du bouton citer
var citer="Citer";
//le texte du bouton editer
var edit="Editer";
//le texte du bouton supprimer
var supprim="Supprimer";
//le texte du bouton IP
var ip="Ip";
$(this).find('.btn__quote a').text(citer);
$(this).find('.btn__edit a').text(edit);
$(this).find('.btn__delete a').text(supprim);
$(this).find('.btn__ip a').text(ip);

});});

Tu as 4 variables:

Code:


//le texte du bouton citer
var citer="Citer";
//le texte du bouton editer
var edit="Editer";
//le texte du bouton supprimer
var supprim="Supprimer";
//le texte du bouton IP
var ip="Ip";


Chacune de ces variables:
On un commentaire au dessus commençant par // pour mieux te repérer
On un texte placé entre deux doubles guillemets  ou tu pourras écrire en majuscules ou minuscules.
Si tu désires modifier le texte du bouton supprimer par une croix basique, il suffira de remplacer :

Code:

var supprim="Supprimer";

par

Code:

var supprim="X";

Le rendu en visuel en prenant en compte les couleurs de ton fofo:



Tu utilises aussi ce style:

Code:

      text-transform: lowercase;

Il sera désormais inutile car tu pourras écrire en majuscules ou minuscules dans les variables

Ensuite, tu as les before qui représente les barres slash sur ce style:

Code:

.message__content__btns div:before

Puis tu masques la première:

Code:

.message__content__btns div:nth-child(1):before {display: none;}

Pour y remédier, procédes plutot avec ce style ( toutes sauf la premiére) .

Code:


.message__content__btns div:not(:first-child):before {
    content: "/";
    color: var(--lightest);
}


Ce style ne sera donc plus nécessaire:

Code:

.message__content__btns div:nth-child(1):before {display: none;}

Et voilà .

a++

[NyxBanana]

Merci beaucoup pour la réponse claire, rapide et explicative.

J'aurais aimé, si possible, réduire au maximum le besoin de JS sur le forum mais j'imagine que si c'est la seule manière de faire, c'est ainsi qu'on fera.