code css sur la forme des avatars

2 participants

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

Résolu code css sur la forme des avatars

Message par Aito Mer 9 Mar 2016 - 17:33

Bonsoir a tous

j'ai voulu, comme sur forumactif actuellement, donner une forme arrondi aux avatars de profil en récupérant ce code ccs :

#main-content > .post .postprofile dt img, .lastpost-avatar {
     background:#FFF;
     height:100px;
     width:100px;
     border-radius:100px;
     box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
     padding:3px;
   }
   
   .lastpost-avatar, .lastpost-avatar img {
     height:34px;
     width:34px;
   }

Hélas, lorsque je valide, une doublette d'avatar s’installe dans la colonne "derniers messages"
fff - code css sur la forme des avatars 2410

Pourriez-vous y remédier s’il vous plait ?

D'avance merci

Salutation

Jean Paul


Dernière édition par Aito le Mer 9 Mar 2016 - 19:46, édité 1 fois
Aito

Aito
Nouveau membre

Messages : 8
Inscrit(e) le : 09/03/2016

http://pechefr.forumactif.org/
Aito a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: code css sur la forme des avatars

Message par Miettes Mer 9 Mar 2016 - 17:46

Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css sur la forme des avatars

Message par Aito Mer 9 Mar 2016 - 18:02

oui et non, car grâce à vous, j'ai maintenant un code pour revenir a l'initial .

en fait, j’essaie, tant bien que mal, a obtenir ceci :

fff - code css sur la forme des avatars Logo10

les codes que je récupère a droite et a gauche dans les sujets "résolu" , ne résolu rien sur mon forum . Very Happy

je suis une croûte, Miettes ! Very Happy
Aito

Aito
Nouveau membre

Messages : 8
Inscrit(e) le : 09/03/2016

http://pechefr.forumactif.org/
Aito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css sur la forme des avatars

Message par Miettes Mer 9 Mar 2016 - 18:07

Essaie avec ça :
Code:
.lastpost-avatar img{
   border-radius: 100px;
}
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css sur la forme des avatars

Message par Aito Mer 9 Mar 2016 - 18:15

Voici ce que ça donne sur ma page

fff - code css sur la forme des avatars 1010

au niveau des profils dans les postes l'avatar reste carré
Aito

Aito
Nouveau membre

Messages : 8
Inscrit(e) le : 09/03/2016

http://pechefr.forumactif.org/
Aito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css sur la forme des avatars

Message par Aito Mer 9 Mar 2016 - 18:52

bon ben en traficotant avec les codes css + ce que tu m'avais donné dans le le premier poste " doublette avatar "

je suis enfin arrivé a mes fins .

merci encore Miettes , tu "tombait" bien si je peux me permettre Very Happy 

voici ma correction du code si cela peux aider d'autres personne


Code:
    .lastpost-avatar img{
      border-radius: 500px;
    }



#main-content > .post .postprofile dt img, .lastpost-avatar {
      background:#FFF;
      height:100px;
      width:100px;
      border-radius:100px;
      box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
      padding:3px;
    }
   
    .lastpost-avatar, .lastpost-avatar img {
      height:34px;
      width:34px;
    }

        .lastpost .mini_ava{display: none;}

bonne soirée a tous
Aito

Aito
Nouveau membre

Messages : 8
Inscrit(e) le : 09/03/2016

http://pechefr.forumactif.org/
Aito a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum