Recherche du code d'avatar "opac"

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 le 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

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 le Dim 27 Oct 2013 - 10:34

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

http://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_ le 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_
***

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

http://the-secret-garden.forumgratuit.org/
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 le Jeu 31 Oct 2013 - 12:37

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

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


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