Balise personalisée

3 participants

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

Résolu Balise personalisée

Message par Arcée. 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.

Arcée.
Nouveau membre

Messages : 3
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 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise personalisée

Message par Arcée. 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.

Arcée.
Nouveau membre

Messages : 3
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 Mar 2 Aoû 2016 - 14:08

Balise personalisée 4qhGdLE
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.
Chacha

Chacha
Modéractif
Modéractif

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

https://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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum