Rendre Opaque les photos dans les posts
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Rendre Opaque les photos dans les posts
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
BonjourJe 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
Re: Rendre Opaque les photos dans les posts
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
Faite varier l'intensité de l'opacité à votre guise en répercutant la même valeur pour les vieilles versions d'IE. Par exemple :
Nota : cela affectera également les smileys.
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.
Re: Rendre Opaque les photos dans les posts
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 ?
J'ai copié sur le css par contre pour l'html je fais comment ?
Re: Rendre Opaque les photos dans les posts
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é.
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é.
Re: Rendre Opaque les photos dans les posts
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
Je te copie tout mon css - y'a peut être une erreur ^^
Par contre je n'est pas de changement
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)
Re: Rendre Opaque les photos dans les posts
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
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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Rendre Opaque les photos dans les posts
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 ^^
Re: Rendre Opaque les photos dans les posts
à 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/
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/
Re: Rendre Opaque les photos dans les posts
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
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
Re: Rendre Opaque les photos dans les posts
A la fin de votre css, vous avez :
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.
- 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.
Re: Rendre Opaque les photos dans les posts
@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.
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.
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Rendre Opaque les photos dans les posts
Pas de soucis Mlle Alys.
Aliénor n'ayant pas pris sa décision, je préfère me retirer du sujet en attendant.
Aliénor n'ayant pas pris sa décision, je préfère me retirer du sujet en attendant.
Re: Rendre Opaque les photos dans les posts
ok je comprends 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
Sujets similaires
» Fond transparent et image opaque
» aligner horizontalement les photos dans les posts
» Problémes : Cadre opaque autours du logo du forum.
» Faire clignoter le texte ''Nouveaux Posts'' en rouge quand il y a des nouveaux posts sur le forum
» fond de post opaque
» aligner horizontalement les photos dans les posts
» Problémes : Cadre opaque autours du logo du forum.
» Faire clignoter le texte ''Nouveaux Posts'' en rouge quand il y a des nouveaux posts sur le forum
» fond de post opaque
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum