Améliorer l'apparence des onglets du profil

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

Résolu Améliorer l'apparence des onglets du profil

Message par Cloo le Dim 4 Déc 2016 - 17:18

Bonjour,

J'ai travaillé pas mal sur l'apparence des différentes pages (page accueil, sous-forums, Voir les nouveaux messages, QEEL), et j'ai un résultat qui me convient et qui convient aux utilisateurs, même s'il est très simple.
http://accrosjardin.forumactif.ws/


Cependant, dans la page d'édition du profil, j'ai quelque chose de très simpliste, trop, pas vraiment beau, ceci:




Je voudrais mettre quelque chose de plus attrayant, au moins comme ceci que j'ai sur un autre forum (dont je ne suis pas admin, mais simple membre):



Au moins les bandeaux verts, la police, etc... J'ai pris une copie d'écran de la page "Amis et ignorés" du profil, mais ça s'applique bien sûr à tous les onglets du profil.

J'imagine que ça doit être faisable dans le CSS, comment?

Mon forum est en phpBB3, mais créé autrefois en phpBB2, et converti il y a quelques mois en phpBB3.
Le forum dont je vous montre l'exemple est en phpBB2.

Merci d'avance! Very Happy
avatar

Cloo
****

Féminin
Messages : 365
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence des onglets du profil

Message par Cloo le Dim 4 Déc 2016 - 21:42

J'ai commencé à regarder ça, j'ai ajouté ceci, pour le moment:

.panel h1 {
color: #072E04;
background-color: #70b502;
border-radius: 5px;
border: 1px solid #072E04;
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
}
#cp-main h1 {
border: 1px solid #072E04;
color: #072E04;
padding: 5px;
margin-left: 0;
}

fieldset {
background-color: #f2eebf;
padding-left: 5px;
}
fieldset.submit-buttons {
background-color: transparent;
}

Et j'obtiens ceci:



C'est déjà pas mal mieux... si vous avez des idées d'améliorations, n'hésitez pas! Je ne suis pas du tout douée en "design".
avatar

Cloo
****

Féminin
Messages : 365
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence des onglets du profil

Message par Cloo le Lun 5 Déc 2016 - 1:11

Par contre, les modifications au CSS faites ci-dessus ont aussi modifié l'apparence de ceci:




Ceci est affiché, par exemple, quand on marque tous les forums comme lus, comme ci-dessus, ou encore quand un message a été posté, ou encore quand "Voir les nouveaux messages" ne retourne aucun sujet... entre autres...

Pas de problème pour que ceci soit aussi sur un bandeau vert. Par contre, comme vous pouvez le voir, le positionnement du mot "Informations" n'est pas bon, alors que dans la copie d'écran montrée au-dessus, pour les pages de profil, c'est bon.

J'ai bien cherché comment l'ajuster, mais je n'ai pas trouvé... pas trouvé la bonne classe, ni le bon paramètre... si vous avez une idée? Question
avatar

Cloo
****

Féminin
Messages : 365
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence des onglets du profil

Message par Cloo le Lun 5 Déc 2016 - 3:34

Trouvé... tout simplement:

padding-left: 5px;
padding-top: 5px;

dans .panel h1
avatar

Cloo
****

Féminin
Messages : 365
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum