Sur la page pour s'enregistrer : séparer tout les champs de profil par une ligne

[Féline1984]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
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
Problème apparu depuis : 1er mars 2022, date de création du forum
Lien du forum : Terre-TSA | Forum autisme et rencontre autiste

Description du problème

Bonjour

Lorsque je clique sur s'enregistrer, je confond un peu des lignes, je ne suis pas dyslexique pour autant.
Et, le pense que d'autres futurs membres auront cette même gène.

J'aimerai donc que tout les champs de profil soient séparés par une ligne, et, pouvoir choisir l'épaisseur de la ligne et choisir la couleur des lignes avec un code couleur.

Comme dans cet exemple ci-dessous mais, avec si possible un peu plus  d'espace entre chaque champs de profil :


Aussi, j'aimerai que chaque champs séparés par des lignes soient d'une couleur différentes violet et bleu par exemple :

[Toryudo]

Bonjour !
Vous allez pouvoir faire tout ça avec ce petit CSS personnalisé, à ajouter dans votre feuille CSS (voir https://forum.forumactif.com/t404669-la-feuille-de-style-css pour le tuto). Vous copiez ces quelques lignes et vous aurez :
- la barre de séparation entre les champs et un espace un peu plus grand
- la couleur pour les lignes pairs
- l'autre couleur pour les lignes impairs

Code:

.panel fieldset dl {
   border-bottom: 1px solid #000;
   margin-bottom: 10px;
}
.panel fieldset dl:nth-child(odd){
   background: #DAD9EB;
}
.panel fieldset dl:nth-child(even){
   background: #E7ECF2;
}

Testé uniquement sur votre page inscription, je ne sais pas si ça le fait partout par contre.
En fonction des pages, ce sera peut-être un fonctionnement différent à mettre en place... mais en tout cas, ça fonctionnera bien sur votre page d'inscription !

[Féline1984]

Bonjour

Merci beaucoup pour votre réponse ça a marché.

J'ai un peu modifié le code à ma façon, j'ai mis ce code :

Code:

/** Début de séparations des champs de profil pour l'inscription  **/
.panel fieldset dl {
   border-bottom: 1px solid #77508A;
   margin-bottom: 0px;
}
.panel fieldset dl:nth-child(odd){
   background: #D8CAE4;
}
.panel fieldset dl:nth-child(even){
   background: #BBC5DE;
}
/** Fin de séparations des champs de profil pour l'inscription  **/

Je trouve que ça fait bizarre que la page ne soit pas encadré.
Est-ce possible avec ce code couleur : #8C6DA1 de mettre un cadre 2 px pour :
- La page pour s'enregistrer
- La page pour se connecter
- La page d'édition de profil
- Chaque profils des membres


Est-ce possible aussi de mettre l'équivalent de ce code CSS ci-dessus mais lorsqu'un profil est affiché, pour tout les profils en fait ?

J'espère que je vous en demande pas trop

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.