Problème avec la stylisation du profil
2 participants
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
Problème avec la stylisation du profil
Bonjour,
Alors j'ai suivit ce les conseils donnés ici:
https://forum.forumactif.com/t332158-codage-profil?highlight=personnaliser+le+profil
Et j'obtiens le bouton comme on peut le voir:
Mais je n'obtiens pas de couleur de fond, malgré les modifications que je tente au css. Je voudrais bien savoir comment je pourrais rémédier à ce problème.
Je voulais aussi savoir comment arrondir les coins et comment changer les textes "Afficher" et "Masquer".
Merci beaucoup,
West
Alors j'ai suivit ce les conseils donnés ici:
https://forum.forumactif.com/t332158-codage-profil?highlight=personnaliser+le+profil
Et j'obtiens le bouton comme on peut le voir:
Mais je n'obtiens pas de couleur de fond, malgré les modifications que je tente au css. Je voudrais bien savoir comment je pourrais rémédier à ce problème.
Je voulais aussi savoir comment arrondir les coins et comment changer les textes "Afficher" et "Masquer".
Merci beaucoup,
West
Dernière édition par Westaly le Lun 11 Juin 2012, 18:54, édité 1 fois
Re: Problème avec la stylisation du profil
Bonjour,
Tout ce que vous voulez modifier se situe dans ces 2 lignes dans le template:
Pour changer le texte, repérez le dans le script:
Tout ce que vous voulez modifier se situe dans ces 2 lignes dans le template:
- Code:
<div onClick="this.firstChild.value=(this.firstChild.value=='Afficher')?'Masquer':'Afficher';this.lastChild.style.display=(this.firstChild.value=='Afficher')?'none':'block';" style="text-align: center;">
<input type="button" value="Afficher"/>
- Code:
<div onClick="this.firstChild.value=(this.firstChild.value=='Afficher')?'Masquer':'Afficher';this.lastChild.style.display=(this.firstChild.value=='Afficher')?'none':'block';" style="text-align: center;">
<input class="boutonprofil" type="button" value="Afficher"/>
- Code:
.boutonprofil{
border-radius: 20px;
background-color: red;}
Pour changer le texte, repérez le dans le script:
Bien sincèrement.<div onClick="this.firstChild.value=(this.firstChild.value=='Afficher')?'Masquer':'Afficher';this.lastChild.style.display=(this.firstChild.value=='Afficher')?'none':'block';" style="text-align: center;">
<input class="boutonprofil" type="button" value="Afficher"/>
Invité- Invité
Re: Problème avec la stylisation du profil
Merci Azami!
Malheureusement, tu n'as répondu qu'à une de mes questions. J'ai très bien put modifier le texte sur mes boutons =)
Mais je cherche à styliser autour de l'avatar ainsi qu'autour des imformations. Merci beaucoup,
West
Malheureusement, tu n'as répondu qu'à une de mes questions. J'ai très bien put modifier le texte sur mes boutons =)
Mais je cherche à styliser autour de l'avatar ainsi qu'autour des imformations. Merci beaucoup,
West
Re: Problème avec la stylisation du profil
C'est que j'ai mal compris, désolée
Le principe, c'est d'ajouter des div avec une class CSS pour les éléments à modifier dans le templates, puis de reporter cette class dans la feuille de style. Certaines existent déjà , donc on peut s'en servir, exemple : .postdetails.poster-profile.
Vous pouvez ajouter une div autour de:
et pour l'avatar,autour de:
Le principe, c'est d'ajouter des div avec une class CSS pour les éléments à modifier dans le templates, puis de reporter cette class dans la feuille de style. Certaines existent déjà , donc on peut s'en servir, exemple : .postdetails.poster-profile.
Vous pouvez ajouter une div autour de:
- Code:
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
- Code:
<div class="chprofil"><!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}</div>
et pour l'avatar,autour de:
- Code:
{postrow.displayed.POSTER_AVATAR}
- Code:
<div class="vava">{postrow.displayed.POSTER_AVATAR}</div>
- Code:
.postdetails.poster-profile{
display: block;
border: 2px solid #fdf;
background: #ccc;}
.vava img{
border: 2px solid #cd0;
margin: 5px;
border-radius: 15px;}
.chprofil{
border: 4px dotted #fdf;
margin: 3px;
background: #bbb;}
- Résultat:
Vous n'aurez aucun mal à faire mieux
Invité- Invité
Re: Problème avec la stylisation du profil
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
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