Problème avec la stylisation du profil

2 participants

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

Résolu Problème avec la stylisation du profil

Message par Westaly Jeu 31 Mai 2012, 20:25

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:

Problème avec la stylisation du profil 1sans_10

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
Westaly

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la stylisation du profil

Message par Invité Lun 04 Juin 2012, 11:58

Bonjour,

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"/>
Pour l'apparence du bouton on ajoute une class au boutton (input):
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"/>
Puis via la feuille de style, modifiez à votre convenance:
Code:
.boutonprofil{
border-radius: 20px;
background-color: red;}

Pour changer le texte, repérez le dans le script:
<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"/>
Bien sincèrement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la stylisation du profil

Message par Westaly Lun 04 Juin 2012, 13:34

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
Westaly

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la stylisation du profil

Message par Invité Lun 04 Juin 2012, 14:00

edente C'est que j'ai mal compris, désolée Embarassed

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}
exemple :
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}
exemple :
Code:
<div class="vava">{postrow.displayed.POSTER_AVATAR}</div>
Puis on ajoute les class au CSS :
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:
Bien sincèrement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la stylisation du profil

Message par Anzu Lun 11 Juin 2012, 14:52

Problème avec la stylisation du profil Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème avec la stylisation du profil Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème avec la stylisation du profil 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu 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