Rendre Opaque les photos dans les posts

3 participants

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

Résolu Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 14:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : toujours
Lien du forum : http://www.chacun-son-histoire.com/

Description du problème

Bonjour

Je souhaiterais rendre opaque les photos posté dans les messages (et juste mes photos, ou éventuellement les messages)

merci


Dernière édition par Aliénor De Brehat le Dim 6 Mar 2016 - 17:09, édité 1 fois
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par demeter1 Dim 6 Mar 2016 - 15:07

Bonjour,
Juste pour vos photos, il faudra passer par du html et du css ce qui vous obligera à faire la manip à chaque fois.

Pour les images contenues dans les messages, il suffit de mettre ceci dans votre css
Code:
.postbody img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

Faite varier l'intensité de l'opacité à votre guise en répercutant la même valeur pour les vieilles versions d'IE. Par exemple :
Code:
.postbody img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

Nota : cela affectera également les smileys.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 15:13

Merci pour cette réponse après j'avoue être novice

J'ai copié sur le css par contre pour l'html je fais comment ?
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par demeter1 Dim 6 Mar 2016 - 15:22

le css généralise l'opacité à toute les images contenues dans les messages. Normalement vous devriez déjà constater son action.

la proposition concernant la mise en application de html et de css était dans l'alternative de n'agir que sur vos propres photos et non sur celles de l'ensemble de votre communauté.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 15:26

D'accord - alors l'idée est d'agir sur les photos de tous le monde. Donc on reste sur le css

Par contre je n'est pas de changement Sad

Je te copie tout mon css - y'a peut être une erreur ^^



Code:
body {
filter:alpha(opacity=91);
-moz-opacity:0.91;
-khtml-opacity: 0.91;
opacity: 0.91;
}
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

#chatbox .cb-avatar {
  height: 50px!important;
  width: 50px!important;
  overflow: hidden!important;
}

#chatbox .cb-avatar > img {
  height: 50px!important;
  width: 50px!important;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 15px;}
.chatbox_row_2 {
    font-family: Ebrima;}
  #av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}
#navMP>a{
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  font-size:16px;
  line-height:16px;
  color:#eee;
  background:#BDC8D0;
  text-decoration:none !important;
  border:1px solid #aaa;
}
#navMP>a:hover{
  color:#fff;
  background:#CDD8E0;
  text-decoration:none !important;
}
#navMP-precedent{
  border-radius:8px 0 0 8px;
}
#navMP-suivant{
  float:right;
  border-radius:0 8px 8px 0;
}
 
#navMP-precedent::before{
  content:"Précédent"
}
#navMP-suivant::before{
  content:"Suivant"
}

/*taille titres profil*/
.gen a.mainmenu {
    font-size: 17px;
  }
.postbody img {
    opacity: 1;
    filter: alpha(opacity=100);
}


Dernière édition par Chacha le Dim 6 Mar 2016 - 15:28, édité 1 fois (Raison : Codes placés entre balises code)
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par MlleAlys Dim 6 Mar 2016 - 15:38

Bonjour,
je viens de vous répondre sur le sujet suivant, qui me semble être le même ?
https://forum.forumactif.com/t384562-enlever-transparence-des-posts#3235608
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 15:40

Merci pour votre réponse - en fait c'est quasiment le même si ce n'est que j'hésites à rendre opaque les posts en entier ou juste les images dans les posts ^^
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par demeter1 Dim 6 Mar 2016 - 15:56

à vous de décider. Le plus simple est de faire des essais et voir ce qui vous convient (juste les images ou l'ensemble du message).

Vous pouvez aussi faire des essais avec d'autres filtres css3. la page de ce site récapitule assez bien toutes les possibilités :

http://paulund.developpez.com/tutoriels/css/images-filters/
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 15:58

Merci Demeter -

J'essaye pour l'instant de faire ce que vous m'avez dit - mais je dois avoir un problème dans mon css (posté plus haut) car cela ne marche pas Sad
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par demeter1 Dim 6 Mar 2016 - 16:02

A la fin de votre css, vous avez :

Code:
.postbody img {
    opacity: 1;
    filter: alpha(opacity=100);
}

Apparemment, vous aviez déjà opacifié vos images.

Je ne serai que vous conseillez de le retirer ou de retirer celui que je vous ai donné et d'appliquer les modifications de MlleAlys si vous comptez n'opacifier que les images.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par MlleAlys Dim 6 Mar 2016 - 16:13

@demeter1 : Le but est d'avoir les images opaques et non transparentes. ^^

Mais ici impossible de rendre les images seulement opaques en gardant la transparence appliquée au body : les images en elles même sont déjà opaques par défaut, mais la transparence sur le body rend TOUT le contenu de la page un peu transparent, les images avec. D'où les modifications que j'ai proposées sur l'autre sujet, facilement adaptables si vous souhaitez également avoir le fond des messages opaque.

Et ce n'est donc pas un problème d'erreur dans la feuille de style. Wink
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par demeter1 Dim 6 Mar 2016 - 16:34

Pas de soucis Mlle Alys.
Aliénor n'ayant pas pris sa décision, je préfère me retirer du sujet en attendant.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre Opaque les photos dans les posts

Message par Aliénor De Brehat Dim 6 Mar 2016 - 16:39

ok je comprends Smile je pensais que c'était deux solutions différentes proposés - et du coup avec les explications je comprend que celle ci ne peux pas marcher ^^ je vais tester l'autre Smile
Aliénor De Brehat

Aliénor De Brehat
*

Messages : 48
Inscrit(e) le : 03/03/2016

http://www.chacun-son-histoire.com/
Aliénor De Brehat 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