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"
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 :

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

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