Problème avec la stylisation du profil

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 le Jeu 31 Mai 2012 - 20:25

Bonjour,

Alors j'ai suivit ce les conseils donnés ici:

http://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

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é le Lun 4 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.

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 le Lun 4 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
*

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é le Lun 4 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:

Vous n'aurez aucun mal à faire mieux Razz
Bien sincèrement.

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 le Lun 11 Juin 2012 - 14:52

Bonjour,

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

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

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