Titre des champs de profil en Fontawesome
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Titre des champs de profil en Fontawesome
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours
Bonjour à tous,
Je construis un nouveau forum et je suis en train d'essayer de réaliser le profil dans mes sujets.
Cependant, je me confronte à un problème (enfin plusieurs en réalité mais un à la fois).
Je souhaite placer les titres des champs de profil en font awesome.
Pour ça j'ai lu plusieurs tuto comme : https://forum.forumactif.com/t395090-transformation-des-labels-champs-de-profil
J'ai fait tout ce qui était dit mais rien ne se passe :/
Les noms des champs reste comme : [LBL-INSCRIPTION]
La police Fontawesome est bien placée sur le forum (je l'utilise à plusieurs endroits) donc le problème ne vient pas de là...
Le javascript est bien mis sur "toutes les pages" et j'ai utilisé ceci :
Pourriez-vous m'aider? Merci d'avance !
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours
Bonjour à tous,
Je construis un nouveau forum et je suis en train d'essayer de réaliser le profil dans mes sujets.
Cependant, je me confronte à un problème (enfin plusieurs en réalité mais un à la fois).
Je souhaite placer les titres des champs de profil en font awesome.
Pour ça j'ai lu plusieurs tuto comme : https://forum.forumactif.com/t395090-transformation-des-labels-champs-de-profil
J'ai fait tout ce qui était dit mais rien ne se passe :/
Les noms des champs reste comme : [LBL-INSCRIPTION]
La police Fontawesome est bien placée sur le forum (je l'utilise à plusieurs endroits) donc le problème ne vient pas de là...
Le javascript est bien mis sur "toutes les pages" et j'ai utilisé ceci :
- Code:
; (function(){
// On définit les différents tag et par quoi on remplace les label
var tagLabel = [{
tag: 'birthdate',
html: '<span class="fa fa-birthday-cake"> </span>'
},
{
tag: 'age',
html: '<span class="fa fa-child"> </span>'
},
{
tag: 'inscription',
html: '<span class="fa fa-user-plus"> </span>'
}];
// Fonction qui supprime les :
function remplacerLabel( txtLabel ){
var nvTxt = txtLabel.replace(/:/i, '');
// On renvoie le texte sans les :
return nvTxt;
}
function labelFontAwesome( txtLabel ){
var newLabel;
// On parcourt le tableau de tag
for( var i = 0 ; i < tagLabel.length ; i++){
// Si on trouve un tag correspondant
if(txtLabel.indexOf(tagLabel[i].tag) != -1){
// On récupére le nouveau code html correspondant
newLabel = tagLabel[i].html;
// On envoie le nouveau contenu du label
return newLabel;
}
}
}
// Au chargement de la page
$(window).ready( function(){
// On parcourt chaque label
$('.boxPOST .prflPOST .abtPOST .label').each( function(){
var $label = $(this),
// On récupére le contenu "texte" du label
txtLabel = $label.text(),
txtLabelModif;
// On vérifie si le label contient un tag
if(txtLabel.indexOf('[lbl-') != -1){
// Si c'est le cas, on change le html
txtLabelModif = labelFontAwesome(txtLabel);
// On remplace le code html du label par le nouveau
$label.html(txtLabelModif);
}else{
// On exécute la fonction pour supprimer les :
txtLabelModif = remplacerLabel(txtLabel);
// On remplace le texte du label sans les :
$label.text(txtLabelModif);
}
});
});
})();
Pourriez-vous m'aider? Merci d'avance !
Dernière édition par Esiole le Sam 24 Aoû 2019 - 20:06, édité 1 fois
Re: Titre des champs de profil en Fontawesome
Merci!
Finalement, une amie m'a donné la réponse ; il suffisait de modifier le "'.boxPOST .prflPOST .abtPOST .label'" par le nom de mon css qui était rattaché aux champs dans le templates, tout bêtement xD
désolé...
Sujets similaires
» Comment masquer le titre des champs dans la feuille de personnage (vue sujet et profil)
» Champs dans le profil éditable par le profil
» Supprimer un Champs dans la PA > Profil > Champs de Profil
» Remplacer les boutons de contact du profil par des icons FontAwesome
» CSS des champs du profil
» Champs dans le profil éditable par le profil
» Supprimer un Champs dans la PA > Profil > Champs de Profil
» Remplacer les boutons de contact du profil par des icons FontAwesome
» CSS des champs du profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum