avatar rond phbb3

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

Résolu avatar rond phbb3

Message par GoichonTurf Mar 15 Nov 2016 - 9:44

Bonjour à tous

si vous en avez la solutions merci d'avance, je suis sous phbb3 et je souhaite avoir la même chose svp qui se situe dans les post et sur le widget merci beaucoup
dans les posts
avatar rond phbb3 9715173810

dans le widget connexion
avatar rond phbb3 500711409

si possible aussi sur l'index dans le dernier membres à poster qu'il soit aussi rond merci



Dernière édition par GoichonTurf le Mar 15 Nov 2016 - 18:41, édité 1 fois
GoichonTurf

GoichonTurf
****

Messages : 242
Inscrit(e) le : 07/11/2016

http://goichonturf.forumactif.com/
GoichonTurf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: avatar rond phbb3

Message par GoichonTurf Mar 15 Nov 2016 - 18:40

Bonjour j'y suis arrivée et voici la façon de faire pour ceux qui ont le même soucis:


panneau d'admin: affichage structure et hierarchie--affiche colonne avatar dernier message---oui
ensuite
css:
Code:
/* -- 10. USER AVATARS -- */
.module .box-content .mod-login-avatar {
  float:none;
  text-align:center;
}

/* avatar container ( use the image instead if there\'s no container ) */
.mod-login-avatar dt, #main-content > div.post .postprofile dt > a, #fa_popup_content > div.post .postprofile dt > a, .postprofile dt > img, .lastpost-avatar, td.avatar-mini img, .avatar, #userAvatar {
  background:#FFF;
  border-radius:100px;
  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3);
  display:inline-block;
  height:100px;
  width:100px;
  padding:3px;
  margin:10px 0;
  overflow:hidden;
}

/* avatar */
.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
  border-radius:100px;
  height:100px;
  width:100px;
}

.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
  height:34px;
  width:34px;
}

.friend-block { width:65px }
.friend-block .avatar { margin:0 10px }
.avatar, .avatar img {
  height:40px;
  width:40px;
}

.lastpost-avatar {
  padding:2px !important;
  margin:0px 5px 0px 0px;
}

td.avatar-mini img, .avatar {
  padding:1px;
  margin:0;
}

.avatar { margin-top:2px !important }

.lastpost-avatar, .avatar, td.avatar-mini img {
  box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3), 0px -0px 1px rgba(0, 0, 0, 0.3);
}

validé, amicalement serge
GoichonTurf

GoichonTurf
****

Messages : 242
Inscrit(e) le : 07/11/2016

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