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

2 participants

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

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

Message par Dellou Sam 10 Juil 2021 - 22:57

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é !
Dellou

Dellou
***

Féminin
Messages : 154
Inscrit(e) le : 06/10/2012

Voir le profil de l'utilisateur https://aurumregis.forumactif.com/
Dellou a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Bipo Dim 11 Juil 2021 - 2:22

Bonsoir @Dellou,

Dellou a écrit: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.




Dellou a écrit: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.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2714
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

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

Message par Dellou Dim 11 Juil 2021 - 15:10

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  Récupérer/séparer champ du profil (profil avancé) 1f60a  Récupérer/séparer champ du profil (profil avancé) 1f49b

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

Dellou
***

Féminin
Messages : 154
Inscrit(e) le : 06/10/2012

Voir le profil de l'utilisateur https://aurumregis.forumactif.com/
Dellou a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Dellou Dim 11 Juil 2021 - 15:16

J'avais effectivement lue trop vite haha ! Merci encore une fois Bipo et pour cette réactivité Récupérer/séparer champ du profil (profil avancé) 1f60a je supprime votre compte du forum et vous souhaites une agréable journée !

Le sujet est donc résolu !
Dellou

Dellou
***

Féminin
Messages : 154
Inscrit(e) le : 06/10/2012

Voir le profil de l'utilisateur https://aurumregis.forumactif.com/
Dellou 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