Balise personalisée

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

Résolu Balise personalisée

Message par Arcée. le Mar 2 Aoû 2016 - 12:17

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 Smile

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 I love you


Dernière édition par Arcée. le Mar 2 Aoû 2016 - 13:55, édité 1 fois

Arcée.
Nouveau membre

Messages : 2
Inscrit(e) le : 15/04/2016

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

Résolu Re: Balise personalisée

Message par Neptunia le Mar 2 Aoû 2016 - 13:52

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 !

Neptunia
+ Hyperactif +

Féminin
Messages : 10976
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise personalisée

Message par Arcée. le Mar 2 Aoû 2016 - 13:54

Effectivement, ça marche bien Arrow

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

Mais la solution est bonne et simple, merci ! I love you

Arcée.
Nouveau membre

Messages : 2
Inscrit(e) le : 15/04/2016

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

Résolu Re: Balise personalisée

Message par Chacha le Mar 2 Aoû 2016 - 14:08

Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50975
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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