Mettre en gras les intitulés du profil

[Mikki]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je me permet de venir demander votre aide pour un petit détail dont je ne trouve pas de réponse.

J'ai créer des onglets pour les profils + feuilles de personnages, j'ai su les personnalisés sans soucis. Hors j'aimerais que les champs que l'on demande de remplir, se mettent en "gras".

Par exemple :

Date d'inscription (en gras) : XX/XX/XX (en normal)
Faceclaim : (en gras) : nom de la célébrité (en normal)

A l'heure actuel j'ai ceci : PHOTO

Mais j'aimerais que ses champs soit en gras (ou d'une autre couleur) : MONTAGE PHOTO - EXEMPLE QUE J'AIMERAIS

Je pense que c'est un code à mettre en CSS non ? Mais quoi ?

Dans le panneau de configuration j'ai bien les champs de profil mais je vois pas où mettre en "gras" (ou d'une autre couleur) : PANNEAU DE CONFIG (PHOTO)

Pouvez-vous m'aider ?

Merci d'avance !

[sunshinette]

Coucou !

Tu peux ajouter ca dans ta feuille de style :

Code:

.postdetails.poster-profile span.label {
    font-weight: 600;
}

Ca va mettre les champs du profil en gras

[Milouze14]

Salut Mikki,

alors comme tu as modifié le contenu de ton template les class ne sont plus les mêmes que celles mentionnées par sunshinette que je salue .

Pour mettre en gras ce style devrait fonctionner pour tes deux  profil:

Code:

.scroller .profil_label span.label , .scroller span.gen
{
font-weight:600px!important;
}

Pour changer la couleur des champs"More about me" , ce sera ce style en prenant soin de laisser le hack ( !important) :

Code:

 .scroller span.gen
{
color:#666!important;
}

Pour changer la couleur des champs "Visa card",
tu peux éditer via ton P.A comme sur ton image:



Clique sur le petit engrenage et changer la couleur :



a++

[Mikki]

Oh merci beaucoup pour votre aide !!

J'ai réussit à mettre les intitulés en couleur noir et j'ai installé tes codes Milouze14, car effectivement j'ai modifier mes templates.

Mais j'ai un petit soucis. Dans l'onglet "more and more", tout se met en noir (couleur choisit dans le CSS) mais j'aurais aimé que les réponses reste à la couleurs du forum. Du coup, je pense qu'il faudrait modifier le dernier code mais je ne sais pas quoi. Désolé de vous embêtez autant...

Voici ce que j'ai à l'écran : PROFIL OK - ONGLET problème - CSS actuel

J'ai copier les codes dans le CSS, c'était bien là qu'il fallait non ? Ou il fallait les mettres en javascript ou html ?

Merci d'avance pour votre aide !

[Milouze14]

Re,
alors c'est bien dans la feuille de style .

Ensuite effectivement il faut définir les deux valeurs concernant la partie "More about me":
Chaque ligne contient deux balises spans ayant la class gen sauf que la deuxième contient un identifiant (rpg-xxxx) ;


Tu peux donc remplacer cette partie :

Code:

 .scroller span.gen
{
color:#666!important;
}

Par ceci:

Code:


 .scroller span.gen:not([id])
{
color:#666!important;
}

Pour la partie de droite (id) :

Ce style devrait fonctionner:

Code:

 .scroller span.gen[id^="rpg"]
{
color:#20aec8!important;
}

Ensuite ce style est foireux désolé car j'ai placé des valeurs en pixels  

Remplaces donc :

Code:

.scroller .profil_label span.label , .scroller span.gen
{
font-weight:600px!important;
}

Par celui-ci ( en tenant compte que la partie "More about me" qu'il faut mettre en gras juste sur les champs de gauche ) :

Code:

.scroller .profil_label span.label , .scroller span.gen:not([id])
{
font-weight:600!important;
}

a++

[Mikki]

Woooh ça marche à merveilles !! Et bien, un graaaaaaaaaaaaand merci pour ton aide, j'aurais jamais su faire ça ! Autant que parfois j'arrives à faire des choses en réfléchissant un bon moment, mais là, j'aurais pas trouvé.

C'est merveilleux, merci pour tout !