Comment faire un encadré grace aux crochets [ et ]

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

Résolu Comment faire un encadré grace aux crochets [ et ]

Message par Lextermina le Jeu 7 Mar 2013 - 18:36

Bonjour,

Voila je m'explique Smile

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


Dernière édition par Lextermina le Dim 10 Mar 2013 - 14:10, édité 1 fois

Lextermina
Nouveau membre

Messages : 4
Inscrit(e) le : 07/03/2013

http://lexdev.forum-pro.fr/forum
Lextermina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Matriochka le Jeu 7 Mar 2013 - 21:02

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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

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

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Lextermina le Jeu 7 Mar 2013 - 21:54

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 Smile

Lextermina
Nouveau membre

Messages : 4
Inscrit(e) le : 07/03/2013

http://lexdev.forum-pro.fr/forum
Lextermina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Matriochka le Ven 8 Mar 2013 - 9:31

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 Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par AenigmA le Ven 8 Mar 2013 - 17:51

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.


Dernière édition par AenigmA le Ven 8 Mar 2013 - 18:18, édité 1 fois (Raison : J'ai essayé, ça ne tombe pas juste, désolé.)

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Matriochka le Sam 9 Mar 2013 - 11:19

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)…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Lextermina le Sam 9 Mar 2013 - 16:43

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;
}

Lextermina
Nouveau membre

Messages : 4
Inscrit(e) le : 07/03/2013

http://lexdev.forum-pro.fr/forum
Lextermina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Scoubifitz le Dim 10 Mar 2013 - 11:56

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);
});
});

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire un encadré grace aux crochets [ et ]

Message par Lextermina le Dim 10 Mar 2013 - 14:09

Trop fort Smile Merci fonctionne parfaitement!!!! Very Happy

Lextermina
Nouveau membre

Messages : 4
Inscrit(e) le : 07/03/2013

http://lexdev.forum-pro.fr/forum
Lextermina 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