Gérer l'apparence du profil avancé via CSS
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
Gérer l'apparence du profil avancé via CSS
Coucou!
Je viens juste de découvrir un fait étrange: le profil avancé n'a pas de template.
Du moins, c'est ce que j'ai cru comprendre en faisant mes recherches donc du coup, je suis complètement larguée.
Mon problème c'est que je voudrais faire quelques petites retouches au visuel de la page du profil. Actuellement, j'ai ceci:
On se focalise sur les parties rouges. Je voudrais:
- Mettre un fond au niveau du bloc qui contient l'avatar (la même couleur et bordure que j'ai appliqué à la partie des champs via css);
- Mettre un fond également au niveau de la div qui contient le pseudo et un peu plus bas "Amis de Pseudo" (comme sur le fdf);
- Modifier la taille de ces deux textes;
- J'ai remarqué que la class a.mainmenu agit non seulement sur la barre de navigation mais aussi sur les textes "profil" "statistiques" "messages des visiteurs" et compagnie. En regardant le screen, vous verrez que les textes de la barre de navigation sont sur la toolbar et sont #FFFFFF. Etant donné que le fond du forum est aussi #FFFFFF, je me retrouve du coup avec des "profil" "statistiques" "messages des visiteurs"... #FFFFFF également
Je voudrais donc savoir si c'est possible de casser le lien entre les deux barre de navigation.
J'ai tendance à compliquer les choses en voulant les expliquer donc pour faire plus simple, je voudrais attribuer une couleur différente de celle du a.mainmenu à la barre de navigation du profil avancé.
Voilà, vous savez tout^^ J'espère que tout ceci est faisable par CSS, je croise vraiment les doigts pour que ce soit le cas.
Merci d'avance à qui voudra bien m'aider
Je viens juste de découvrir un fait étrange: le profil avancé n'a pas de template.
Du moins, c'est ce que j'ai cru comprendre en faisant mes recherches donc du coup, je suis complètement larguée.
Mon problème c'est que je voudrais faire quelques petites retouches au visuel de la page du profil. Actuellement, j'ai ceci:
- Spoiler:
On se focalise sur les parties rouges. Je voudrais:
- Mettre un fond au niveau du bloc qui contient l'avatar (la même couleur et bordure que j'ai appliqué à la partie des champs via css);
- Mettre un fond également au niveau de la div qui contient le pseudo et un peu plus bas "Amis de Pseudo" (comme sur le fdf);
- Modifier la taille de ces deux textes;
- J'ai remarqué que la class a.mainmenu agit non seulement sur la barre de navigation mais aussi sur les textes "profil" "statistiques" "messages des visiteurs" et compagnie. En regardant le screen, vous verrez que les textes de la barre de navigation sont sur la toolbar et sont #FFFFFF. Etant donné que le fond du forum est aussi #FFFFFF, je me retrouve du coup avec des "profil" "statistiques" "messages des visiteurs"... #FFFFFF également
Je voudrais donc savoir si c'est possible de casser le lien entre les deux barre de navigation.
J'ai tendance à compliquer les choses en voulant les expliquer donc pour faire plus simple, je voudrais attribuer une couleur différente de celle du a.mainmenu à la barre de navigation du profil avancé.
Voilà, vous savez tout^^ J'espère que tout ceci est faisable par CSS, je croise vraiment les doigts pour que ce soit le cas.
Merci d'avance à qui voudra bien m'aider
Dernière édition par Pitra le Jeu 5 Mai 2016 - 18:26, édité 1 fois
Re: Gérer l'apparence du profil avancé via CSS
Bonjour,
Est-il possible svp d'avoir un lien qui amène directement sur un profil?
En tout cas pour la barre de navigation donc le quatrième point on peut spécifier en css ces deux choses avant la class concernée (à vous de voir laquelle choisir):
Est-il possible svp d'avoir un lien qui amène directement sur un profil?
En tout cas pour la barre de navigation donc le quatrième point on peut spécifier en css ces deux choses avant la class concernée (à vous de voir laquelle choisir):
- Code:
:not(.gen) > a.mainmenu
- Code:
li > a.mainmenu
Invité- Invité
Re: Gérer l'apparence du profil avancé via CSS
Bonjour,
Merci de vous pencher sur mon problème^^
Pour la barre de navigation, le premier code a l'air de fonctionner parfaitement, merci beaucoup!
Pour le lien, le forum concerné est actuellement en maintenance mais il y a ce profil d'un forum de test qui présente à peu près les mêmes caractéristiques.
Merci de vous pencher sur mon problème^^
Pour la barre de navigation, le premier code a l'air de fonctionner parfaitement, merci beaucoup!
Pour le lien, le forum concerné est actuellement en maintenance mais il y a ce profil d'un forum de test qui présente à peu près les mêmes caractéristiques.
Re: Gérer l'apparence du profil avancé via CSS
Bonjour, (désolé du retour tardif)
Je dois avouer que c'est plutôt frustrant et étrange qu'il n'y ai pas de templates pour...ou alors j'ai mal cherché aussi.
La seule façon pour ne cibler que ces tableaux "table.forumline" sans toucher à d'autres pages c'est de passer par javascript et css(faudrait qu'on m'arrête si je dis des bêtises) donc je poste ce que j'ai trouvé puis si quelqu'un trouve plus simple alors prenez la simplicité sans hésiter.
Dans la gestion des codes javascript coché sur toutes les pages mettez ce code:
Je dois avouer que c'est plutôt frustrant et étrange qu'il n'y ai pas de templates pour...ou alors j'ai mal cherché aussi.
La seule façon pour ne cibler que ces tableaux "table.forumline" sans toucher à d'autres pages c'est de passer par javascript et css(faudrait qu'on m'arrête si je dis des bêtises) donc je poste ce que j'ai trouvé puis si quelqu'un trouve plus simple alors prenez la simplicité sans hésiter.
Dans la gestion des codes javascript coché sur toutes les pages mettez ce code:
- Code:
$(document).ready(function() {
$('span.genmed.module-title span[style] strong').closest('table.forumline').addClass('profile-module');
});
- Mettre un fond au niveau du bloc qui contient l'avatar (la même couleur et bordure que j'ai appliqué à la partie des champs via css);
- Code:
.profile-module .row1
- Mettre un fond également au niveau de la div qui contient le pseudo et un peu plus bas "Amis de Pseudo" (comme sur le fdf);
- Code:
.profile-module .catLeft
- Modifier la taille de ces deux textes;
- Code:
.profile-module span.genmed.module-title
Invité- Invité
Re: Gérer l'apparence du profil avancé via CSS
Merci beaucoup ça fonctionne parfaitement!
Sujets similaires
» Gérer l'espacement des sections du profil
» Un membre peut il gerer l'affichage de son nombre de mp sur son profil ?
» Gerer le Css
» gerer mon forum
» Gérer un abus
» Un membre peut il gerer l'affichage de son nombre de mp sur son profil ?
» Gerer le Css
» gerer mon forum
» Gérer un abus
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