[Réglé] Ajout HTML dans titre de rang

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Ajout HTML dans titre de rang

Messagepar Zencko » 22 Sep 2019 à 17:40

Bonjour,

J'ai voulu mettre du HTML dans le rang pour mettre en gras et mettre de la couleur dans le rang, sauf que ça affiche le HTML ... Je n'ai pas trouver de sujet qui parle de ça, ici, à part si j'ai mal chercher.. Est-ce qu'il y aurait un moyen ?

Voici en image ce que ça donne : Image

Le forum : http://gdc.fearland.fr/forum/

Merci de votre aide par avance.
Modifié en dernier par Zencko le 24 Sep 2019 à 11:29, modifié 1 fois.
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar Sylveretour » 22 Sep 2019 à 17:59

Bonjour,

Il n'est pas possible de mettre en forme avec du html ou des bbcodes les titres des rangs car ils viennent aussi en titre de l'image !
Avatar de l’utilisateur
Sylveretour
Apprenti-floodeur
Apprenti-floodeur
 
Messages: 1424
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Ajout HTML dans titre de rang

Messagepar Zencko » 22 Sep 2019 à 18:04

Sylveretour a écrit:Bonjour,

Il n'est pas possible de mettre en forme avec du html ou des bbcodes les titres des rangs car ils viennent aussi en titre de l'image !

Hello :)

Même en modifiant le PHP ?
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar Sylveretour » 22 Sep 2019 à 18:33

Même en modifiant le PHP ?

On ne modifie jamais les fichiers du core de phpBB, seules les extensions permettent de modifier des fonctions ou d'en ajouter.
Avatar de l’utilisateur
Sylveretour
Apprenti-floodeur
Apprenti-floodeur
 
Messages: 1424
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Ajout HTML dans titre de rang

Messagepar Zencko » 22 Sep 2019 à 18:35

Sylveretour a écrit:
Même en modifiant le PHP ?

On ne modifie jamais les fichiers du core de phpBB, seules les extensions permettent de modifier des fonctions ou d'en ajouter.


Hmmm, d'accord. Je vais faire sans du coup ^_^ Merci pour la rapidité ! :D
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar cabot » 23 Sep 2019 à 09:39

Hello,

Il y a une extension qui permet d'assigner une classe aux rangs afin d'ajouter de la mise en forme via le CSS du style.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26855
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Ajout HTML dans titre de rang

Messagepar Mazeltof » 23 Sep 2019 à 09:47

'jour ici,

En effet, cette extension permet de personnaliser via le CSS.
Cependant je doute que tu puisses avoir cet aspect : WebMaster sur l'intitulé de rang.
Mais tu peux aussi faire des images png avec les textes et couleurs que tu désires. :wink:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3825
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Ajout HTML dans titre de rang

Messagepar cabot » 23 Sep 2019 à 11:11

Rhôôô

- soit avec trichant avec un background/gradient sans la possibilité de sélectionner les lettres.

- soit avec une petite fonction JS pour ajouter un span dans le mot et déclarer ensuite une couleur dessus.

:mrgreen:
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26855
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Ajout HTML dans titre de rang

Messagepar Mazeltof » 23 Sep 2019 à 14:15

Ah oui c'est juste.
Sur le coup je n'ai pas pensé au gradient :mrgreen:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3825
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Ajout HTML dans titre de rang

Messagepar Zencko » 24 Sep 2019 à 10:13

Bonjour,

Merci pour votre aide, j'utilise déjà Rank Post Styling, mais l'effet que je veux rendre aux statuts ne me convient pas :/ Je préfère faire WebMaster et non WebMaster en background/gradient.

Si vraiment on ne peut pas donner une couleur prédéfini à un certain mot sur le rang, je préfère laisser les rangs normales que de faire un background/gradient :s

EDIT 10H17: Du coup, j'ai mis une seule couleur pour les rangs de l'équipe (rouge webmaster, vert modo, etc..), avec l'extension et css.
J'ai définissez le nom de ma classe de rang dans le ACP. (classe : modo) Et en suite dans mon CSS (content.css) j'ai mis
.modo dd.profile-rank {color: #00BF00;}

Ca suffira ^_^ C'est mieux que rien :p

Merci de vote aide encore une fois :)
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar Mazeltof » 24 Sep 2019 à 11:05

'jour ici,

Zencko a écrit:Je préfère faire WebMaster et non WebMaster en background/gradient.

Tu y es presque,
essaie quelque chose comme
Code: Tout sélectionner
	background: linear-gradient(to right, #ff0000 0%, #ff0000 30%, #000000 31%, #000000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

et adapte les pourcentages selon la longueur des mots que tu veux différencier :wink:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3825
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Ajout HTML dans titre de rang

Messagepar Zencko » 24 Sep 2019 à 11:08

Aaaah, je n'y avais pas pensé à ça ! Je vais tester ça de suite ;)
Modifié en dernier par Steph le 24 Sep 2019 à 11:12, modifié 1 fois.
Raison: Suppression de la citation inutile
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar Zencko » 24 Sep 2019 à 11:20

Alooooors je viens de tester et modifier les valeurs et ça marche parfaitement bien. J'aurais pu y penser mais j'avoue que là ça met passer par la tête !

Pour le rang WebMaster le code css est le suivant :
Code: Tout sélectionner
.staffmemb dd.profile-rank {
    background: linear-gradient(to right, #FF0000 12%, #000000 5%, #000000 31%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


Merci Mazeltof ! :D

Je passe le sujet en "réglé".
Zencko
Posteur néophyte
Posteur néophyte
 
Messages: 15
Enregistré le: 03 Avr 2018 à 14:33

Re: Ajout HTML dans titre de rang

Messagepar cabot » 25 Sep 2019 à 09:11

Il faut tricher un peu plus si tu veux conserver le rendu sur tous les écrans et/ou adapté à une modification de la taille de police.
Par ailleurs, tu peux supprimer la balise b et déclarer le gras en CSS :

Code: Tout sélectionner
background: linear-gradient(to right, #F00 2.2em, #000 0, #000 100%);
font-weight: bold;
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26855
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité