[RÉGLÉ] Appliquer un style css dans Joomla 3.8

[pjuignet]

Bonjour à tous,

J'ai créé un style nommé "cit" dans user.css :

cit {
  background-color: #f1f1f1;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 100%;
  font-size: 0.7em;
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 1em;
}

je voudrais
1/ arriver à l'appliquer dans les articles avec du code html sous la forme

<cit> texte mis en forme par le code css  </cit>

et
2/ pouvoir l'appliquer avec un éditeur de contenu comme JCE ou TinyMCE .

Mais il me manque une ou plusieurs étapes ...

Le template utilisé est protostar.

[pmleconte]

Bonjour,

Un peu de lecture peut-être : https://developer.mozilla.org/fr/doc...ustom_elements

Il vous manque la partie document.createElement("cit") ; qui permet de définir votre propre élément. C'est à ajouter dans un JS qui sera appelé dans chacune de vos pages.

Pascal

[pmleconte]

En regardant la liste des éléments existants, https://developer.mozilla.org/fr/docs/Web/HTML/Element, il serait peut-être plus simple de faire une règle CSS (à mettre dans le user.css) sur l'élément <cite> qui existe déjà.

Pascal

[lomart]

il serait peut-être plus simple de faire une règle CSS (à mettre dans le user.css) sur l'élément <cite> qui existe déjà.

C'est l'évidence!

[pmleconte]

Bonjour,

Un peu de lecture peut-être : https://developer.mozilla.org/fr/doc...ustom_elements

Il vous manque la partie document.createElement("cit") ; qui permet de définir votre propre élément. C'est à ajouter dans un JS qui sera appelé dans chacune de vos pages.

Pascal

En lisant la documentation, il faut que le nom de votre élément doit contenir un tiret (-) et ne peut contenir un mot simple. Ceci afin de distinguer les éléments standards et les éléments 'custom'.

Pascal

[pjuignet]

Merci, je vais essayer.

[pjuignet]

Bonjour,

J'ai fait au plus simple en essayant avec des élément prédéfinis.

J'ai essayé avec <cite> sans succès, par contre ça a marché avec <address> que j'ai modifié dans le user.css.
Cet élément prédéfini évite les sauts de ligne ce qui me convient.

Ça marche aussi dans Joomla 4 .

Merci de votre aide.