Balise personalisée

[Arcée.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum :

Description du problème

Bonjour

Après avoir fait le tour des sujets qui pourraient répondre à ma question, en utilisant la fonction recherche, j'en ai trouvé un, qui ne m'a pas vraiment donné ce que je cherchais.
J'aimerais créer un balise (en utilisante le CSS, HTML, Javascript, JQuery, peu importe). Un balise qui ressemblerait à

Code:

<new></new>

. Soit un code qui n’obligerait pas l'utilisation de "class" ou de "id" et utilisable sur tout le forum. Je sais que c'est possible, je l'ai déjà vu sur plusieurs forums, mais je n'ai pas réussi à identifier la manière qu'ils ont utilisé pour créer ces balises.

J'ai réussi en créant une balise en BBCode, puisqu'elle se présente sous la forme

Code:

[new][/new]

, avec du JQuery et du CSS, mais je voudrais la même chose, avec des

Code:

<>

.

J'ai utilisé ce code-ci : Page HTMl :

Code:

jQuery(document).ready(function()  {
      var divs = document.getElementsByTagName('div');
      for (i=0; i<divs.length; i++){
          if(divs[i] != null && divs[i].className == 'postbody'){   
            chaine1 = new String('[\[]new[^[]');
            reg = new RegExp(chaine1, 'g');
            reg2 = new RegExp('[\[]/new[^[]', 'g');
            contenu = divs[i].innerHTML;
            split = contenu.split(" ");
            nouveaucontenu = contenu.replace(reg,'<div id="new">').replace(reg2,'</div>');
            if(contenu != nouveaucontenu){
                divs[i].innerHTML = nouveaucontenu;
            }
     
          }
      }
    });

CSS :

Code:

    #new
    {
    color: darkgrey;
    font-weight:bold;
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 4px 4px 2px rgba(150, 150, 179, 1);
    }

Celui-ci est-il modifiable pour ce que je veux ? Ou m'en faut-il utiliser un autre, que je ne trouve pas ?

Merci d'avance

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif


J'ai un faible pour les solutions simples, voire simplistes. Et sans javascript/jQuery lorsque cela n'est pas indispensable.

Dans le corps du message (devrait fonctionner partout ailleurs) :

Code:

<new>Votre contenu</new>

Dans la feuille CSS :

Code:

        new
        {
        color: darkgrey;
        font-weight:bold;
        font-size: 13px;
        text-transform: uppercase;
        text-shadow: 4px 4px 2px rgba(150, 150, 179, 1);
        }

Si quelqu'un propose plus simple, je suis preneuse !

[Arcée.]

Effectivement, ça marche bien

J'aurais pas pensé à le faire comme ça, puisque pour moi, il faut que ce soit une class ou un id dans le CSS

Mais la solution est bonne et simple, merci !

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.