HTML : Problème bouton répondre message

[AutentiiK]

Bonsoir,

J'ai rencontré un problème lors de la création d'un thème, lorsqu'un sujet est vérouillé le bouton "Répondre message" ne se change pas en "vérouillé".
Je précise que j'ai des connaissances en html pour la modifications des fichiers du templates si nécessaire.

Merci d'avance.

[[Nihil]]

Hum, c'est étrange.

Pourrais tu nous prendre une capture d'écran de ce que tu as dans le panneau d'admin à Affichage > Gestion des images & Couleurs > Images > Mode Avancé > Boutons ?
Histoire de vérifier que le bouton verrouillé est bien en place

[AutentiiK]

En réalité je n'utilise pas de boutons, c'est une div avec un background et du texte dedans.



Voici le code HTML qui correspond :

Code:

<div class="boutons_sujet_right"><a class="new_sujett" href="{U_POST_REPLY_TOPIC}" rel="nofollow">Répondre sujet</a></div>

Existe t-il un code de ce genre :

Code:

<!-- BEGIN locked_post -->      <!-- END locked_post -->

Afin que je puisse définir un autre texte à afficher quand le sujet est verrouillé ?

J'avais déjà éssayé de re-intégrer le code utilisé dans le template de base pour le bouton "répondre sujet", à savoir :

Code:

<!-- BEGIN switch_user_authreply -->   <!-- END switch_user_authreply -->

Mais lorsque je visionnais le sujet en question (vérouillé) avec un compte membre basique, mon bouton texte disparaissait.
Peut-être que ces conditions "switch_user_authreply" permettent de changer de bouton automatiquement lorsque le sujet est vérouillé, mais étant donné que j'ai enlevé tous les boutons dans le PA pour les remplacer par du texte en HTML je suis plutôt coincé ! Il doit surement y avoir possibilité d'indiquer un texte à remplacer à la place d'une image.

Mes hypothèses sont peut-être erronées, mais c'est pour vous donner une idée plus précise de mon problème.

Merci d'avoir prit le temps de lire mon post.

[[Nihil]]

Mais lorsque je visionnais le sujet en question (vérouillé) avec un compte membre basique, mon bouton texte disparaissait.

C'est normal, un compte basique n'a pas le droit de répondre à un sujet verrouillé

La structure de base est celle ci :

Code:

<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

{REPLY_IMG} est remplacé par la bonne image automatiquement et {L_POST_REPLY_TOPIC} est remplacé par "Répondre au sujet" en temps normal et "Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses." quand le sujet est verrouillé.

Après en CSS tu veux bien évidemment tricher, en utilisant une méthode similaire à celle décrite ici : https://forum.forumactif.com/t371351-changer-les-icones-des-categories-via-css

Je ne détaille pas davantage au cas où tu aurais les connaissances pour comprendre et le faire, mais si tu n'as pas bien compris, n'hésite pas à le préciser et nous détaillerons pour toi

[AutentiiK]

Donc le {REPLY_IMG} correspond bien au bouton qui est changé automatiquement. Je n'arrive cependant pas à faire le rapprochement entre votre lien et mon problème.

Je ne vois pas comment obtenir le même résultat que le bouton envoyé via screenshot dans mon premier post en passant par une image, étant donné que c'est une div avec du texte brut.

Si vous avez la solution et que j'ai mal compris votre post quelques détails supplémentaires ne seraient pas de refus ;D

[[Nihil]]

Voici un exemple de ce qui serait possible :

Code:

<div class="boutons_sujet_right">
    <img class="img_reply" src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
    <a class="new_sujett" href="{U_POST_REPLY_TOPIC}" rel="nofollow">Répondre sujet</a>
</div>

Il faut que tu rajoutes une image (on s'en fiche à quoi elle ressemble, il faut juste que tu puisses récupérer son lien après).
Dans mon exemple j'ai mis cette image là : http://placehold.it/150x50

Ensuite dans le CSS on masque l'image et le texte en trop:

Code:

/* On masque l image et le texte en trop */
.img_reply,
.r_verrouille {
    display: none;
}


Normalement une fois que ceci est fait rien n'a changé.

Maintenant tout va se faire dans le CSS :

Code:

/* Quand l image verrouillee est la, on affiche le texte verrouille */
.img_reply[src="http://placehold.it/150x50"] + a > .r_verrouille {
    display: block;
}

/* Quand l image verrouillee est la, on masque le texte normal */
.img_reply[src="http://placehold.it/150x50"] + a > .r_normal {
    display: block;
}

Explications :

.img_reply[src="http://placehold.it/150x50"] --> Cela signifie l'image avec la source http://placehold.it/150x50.
Or on a dit que {REPLY_IMG} correspond à l'image... Donc en verrouillé, {REPLY_IMG} est remplacé par http://placehold.it/150x50 ^^

Dis moi si cela fonctionne bien

[AutentiiK]

Merci beaucoup,

Ton astuce pour sélectionner une image à partir de son url en CSS est très pratique ! J'ai par contre du remanier un peu les codes pour qu'ils fonctionnent.

Si ça peut être utile à quelqu'un les voici :

CSS

Code:

/* On masque le texte verrouille */
.text-ver {
  display: none;
}
/* Quand l image verrouillee est la, on affiche le texte verrouille */
div.boutons_sujet_right img[src="http://www.allo-image.net/stockimg/upload/1645/464767094540f280b83ffdbuton_bg.gif"]+a.new_sujett .text-ver {
 display: block;
}       
/* Quand l image verrouillee est la, on masque le texte normal */
div.boutons_sujet_right img[src="http://www.allo-image.net/stockimg/upload/1645/464767094540f280b83ffdbuton_bg.gif"]+a.new_sujett .text-rep {
 display: none;
}
/* Pour ne pas que l'image verouille gène */
div.boutons_sujet_right img {
  float: left;
}

Petite précision j'ai utilisé une image d'1 pixel en largeur.

HTML

Code:

<div class="boutons_sujet_right">
    <img src="{REPLY_IMG}" alt"" /><a class="new_sujett" href="{U_POST_REPLY_TOPIC}" rel="nofollow"><span class="text-rep">Répondre sujet</span><span class="text-ver">Vérouillé</span></a>
</div>

Merci encore [Nihil] pour le temps que tu m'as accordé ;D