Recherche du code d'avatar "opac"

3 participants

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

Résolu Recherche du code d'avatar "opac"

Message par Natsumi-La-Baka Sam 26 Oct 2013 - 17:07

Bonjour, parfois, quand je suis dans un forum, je trouve que les avatars des membres sont "opac", ceci dit, on les voit transparent, mais dès qu'on met la souris sur celui-ci, sa couleur normale redevient.
Je ne sais pas si c'est déjà demandé ._. j'ai chercher avec "opac" rien trouvé, et avec avatar un grande liste et j'avais trop la flemme de voir chacun des sujets Sorry donc si jamais il existe un sujet pareil, s'ils vous plait, envoyez-moi le lien ^W^


Dernière édition par Natsumi-La-Baka le Jeu 31 Oct 2013 - 12:37, édité 1 fois
avatar

Natsumi-La-Baka
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 25/10/2013

http://rpg-naruto.forumgratuit.fr/
Natsumi-La-Baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche du code d'avatar "opac"

Message par Tech Dim 27 Oct 2013 - 10:34

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
Recherche du code d'avatar "opac" Attention2 Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Pour rendre opaque vos avatars, un simple code CSS et une petite modification de template suffit Wink

Allez dans votre PA > Affichage > Templates > Général > viewtopic_body
Cherchez ceci :
Code:
{postrow.displayed.POSTER_AVATAR}
et remplacez le par :
Code:
<div class="avatar-opaque">{postrow.displayed.POSTER_AVATAR}</div>
N'oubliez pas d'enregistrer puis de publier le template.

Ensuite, direction le CSS : PA > Affichage > Couleurs > Feuille de style et mettez-y ceci :
Code:
.avatar-opaque img {
  opacity: 0.5;
}

.avatar-opaque img:hover {
  opacity: 1!important;
}

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Recherche du code d'avatar "opac"

Message par Alicia_ Dim 27 Oct 2013 - 16:19

Sinon, il est possible de ne pas passer par les template logiquement mais uniquement par le CSS.

Code:
.postdetails.poster-profile a img {
  opacity: 0.5;
}

.postdetails.poster-profile a img:hover {
  opacity: 1!important;
}
Alicia_

Alicia_
***

Féminin
Messages : 108
Inscrit(e) le : 19/06/2009

http://impero.superforum.fr/
Alicia_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche du code d'avatar "opac"

Message par Natsumi-La-Baka Jeu 31 Oct 2013 - 12:37

Merci ^^ c'est bon je le passe en tant que résolu
avatar

Natsumi-La-Baka
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 25/10/2013

http://rpg-naruto.forumgratuit.fr/
Natsumi-La-Baka 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