code css sur la forme des avatars

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 le Mer 9 Mar 2016 - 11: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"


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 - 13:46, édité 1 fois

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 le Mer 9 Mar 2016 - 11:46


Miettes
****

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

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

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

Message par Aito le Mer 9 Mar 2016 - 12: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 :



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
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 le Mer 9 Mar 2016 - 12:07

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

Miettes
****

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

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

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

Message par Aito le Mer 9 Mar 2016 - 12:15

Voici ce que ça donne sur ma page



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

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 le Mer 9 Mar 2016 - 12: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
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


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