Comment faire un encadré grace aux crochets [ et ]

[Lextermina]

Bonjour,

Voila je m'explique

Dans un titre d'un sujet j'aimerai avoir un encadré quand je met le texte entre crochet.

Genre: [Important] Lire les règles du forum

J'aimerai que le "[Important]" se transforme "Important" dans un cadre grâce aux crochets.

Comme cette image:



Merci

[Matriochka]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Il n’y a pas moyen de réaliser ceci.

En revanche, tu peux utilises les icônes de sujets :
https://forum.forumactif.com/t183061-les-icones-de-messages

[Lextermina]

Merci de la réponse.

Mais sous mon ancien forum un ami m'avais fait la modification sous Invision. Le problème c'est que je n'ai plus de contact avec.
Mais sa fonctionne

[Matriochka]

Ah, c’était un script, sans doute ? Je vais déplacer ton topic vers les problèmes avec des scripts / codes. Je ne suis pas sûre de pouvoir t’aider davantage mais tu auras sans doute plus de réponse là-bas

[AenigmA]

Bonsoir, pas forcément un script.
C'est un truc du genre underline overline peut être

Par exemple pour les liens de ton forum ça donne
a:hover{
text-decoration: underline overline !important;
}

Donc si tu mets par exemple
<div class="truc">[Important]</div> Lire les règles du forum

Et dans ton css

.truc:hover{
text-decoration: underline overline !important;
}

Ps : Par contre, pas sûr que ça tombe juste selon l'écriture ... en italique ça ne va pas.

[Matriochka]

Le souci c’est que le HTML n’est pas pris en compte dans le titre des sujets. Seul le texte brut est toléré (mais je crois qu’il y a moyen d’outrepasser ceci)…

[Lextermina]

Voici un forum sous invision ou il y a ce que je cherche.

http://www.forum-generationmobiles.net/f272-one-x-roms-customs-du-htc-one-x

j'ai trouver sa peut etre une piste...

.tag {
border: 1px solid rgb(0, 0, 0);
border-radius: 5px 5px 5px 5px;
color: rgb(0, 0, 0);
padding: 1px 5px;
text-transform: uppercase;
}

[Scoubifitz]

bonjour,

ceci se fait par javascript . Panneau admin - modules - HTML & JAVASCRIPT:Gestion des codes Javascript

sur toutes les pages ,

Code:

jQuery(document).ready(function(){
/* tag */
jQuery("a.topictitle,.cattitle,.postdetails,.catetitre").each(function(nb){
 var title = jQuery(this);
 var string = title.html();
 string = string.replace("[","<span style='border:1px solid red;padding:1px 5px;'>");
 string = string.replace("]","</span>");
 title.html(string);
});
});

[Lextermina]

Trop fort Merci fonctionne parfaitement!!!!