Récupérer/séparer champ du profil (profil avancé)

[Dellou]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://aurumregis.forumactif.com/

Description du problème

Bonjour Forumactif !
Je me permet d'ouvrir un autre sujet pour un autre soucis rencontré... en fait, j'aimerai pouvoir mettre du css différent en fonction du champ dans le profil avancé ; pouvoir agir individuellement sur chaque champ du profils avancés. Pour donner un exemple, sur le screen, j'aimerai par exemple un cadre rouge autour d'un des champs, mais un bleu sur un autre... j'aimerai aussi pouvoir mettre des ions avec du css AVANT chaque champ du profil (exemple à l'arrache sur paint sorry aaah : https://i.imgur.com/VMx3ZUH.jpg ) en gros, pouvoir mettre un truc avant les champs, qui soit tjrs différents... je sais ça possible car vu sur différents forums et je sais qu'il est possible de séparer les champs du profil pour avoir du css différents a chaque label, mais en faisant des recherches je ne trouve rien qui fonctionne... quelque saurait m'aider ?

en vous remerciant en avance, je vais continuer mes recherches de mon côté !

[Bipo]

Bonsoir @Dellou,

Je me permet d'ouvrir un autre sujet pour un autre soucis rencontré... en fait, j'aimerai pouvoir mettre du css différent en fonction du champ dans le profil avancé ; pouvoir agir individuellement sur chaque champ du profils avancés. Pour donner un exemple, sur le screen, j'aimerai par exemple un cadre rouge autour d'un des champs, mais un bleu sur un autre...

Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS)

→ Pour encadrer l'ensemble du champ "avatars" et "discord" :

Code:

/* avatars */
#field_id-11{
  border: 2px solid;
  border-color: #0000ff;
}

/* discord */
#field_id2{
  border: 2px solid;
  border-color: #0000ff;
}

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

→ Pour encadrer que le nom du champ :

Code:

/* avatars */
#field_id-11 > dt{
  border: 2px solid;
  border-color: #0000ff;
}

/* discord */
#field_id2 > dt{
  border: 2px solid;
  border-color: #0000ff;
}

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

---

j'aimerai aussi pouvoir mettre des ions avec du css AVANT chaque champ du profil (exemple à l'arrache sur paint sorry aaah : https://i.imgur.com/VMx3ZUH.jpg ) en gros, pouvoir mettre un truc avant les champs, qui soit tjrs différents... je sais ça possible car vu sur différents forums et je sais qu'il est possible de séparer les champs du profil pour avoir du css différents a chaque label, mais en faisant des recherches je ne trouve rien qui fonctionne... quelque saurait m'aider ?

Vous pouvez vous inspirer de cette astuce : Comment installer et utiliser Font Awesome sur son forum

Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS)

Code:

/* avatars */
#field_id-11 > dt:before{
content: "\f007";
font-family:FontAwesome;
}

/* discord */
#field_id2 > dt:before{
content: "\f406";
font-family:FontAwesome;
}

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Bonne soirée sur Forumactif.
Bipo.

[Dellou]

Coucou Bipo !
Merci énormément pour vos explications !!! que j'ai complété avec ceci https://www.angularjswiki.com/fr/fontawesome/ pour comprendre mieux le fonctionnement ! C'est nickel !
J'ai juste un petit et dernier problème, j'ai donc essayé le css sur mon forum test mais malheureusement, les icons se s'affichent pas comme elle le devrait (screen : https://i.imgur.com/YjmV1fX.jpg = un carré a la place de l'icon) saurais-tu d'où vient le soucis ? Merci encore, en tout cas !

Une belle journée à toi    

edit ;
Oups : j'ai lu trop rapidement votre message, je n'avais pas vu l'astuce de forumactif, je reviens éditer mon message si je trouve la solution dedans !

[Dellou]

J'avais effectivement lue trop vite haha ! Merci encore une fois Bipo et pour cette réactivité je supprime votre compte du forum et vous souhaites une agréable journée !

Le sujet est donc résolu !