Transparence des avatars et images loadées

[Meandre]

Bonjour
je reviens vers vous pour vous faire part de demandes par rapport à l'apparence de mon forum

phb2
http://rempostreelles.forumactif.org/

Le forum est volontairement transparent (cf css) mais il s'avère que les avatars ET les images le sont aussi. Est il possible de rendre avatars et images postées opaques? Merci

Spoiler:

CSS

Spoiler:

[Meandre]

Bonsoir
j'ai eu réponses et propositions rapides à chacune de mes (nombreuses) autres questions sauf à celle-ci

Est ce à dire qu'il n'y a pas de solution?

[Meandre]

Bonjour à nouveau

Ccette question est elle insoluble par essence?

si non? faudrait il que je la pose ailleurs?

Merci

[Arlem]

Bonjour,

Pourrais-tu ouvrir un sous-forum dans lequel il y a des messages à la lecture pour les invités ?

[Meandre]

bonjour, excuse du délai, j'ai ete trés occupée, plus que je ne l'avais envisagé

je peux te donner accès à un sous forum afin que tu testes si tu veux, si j'ai bien compris le sens de ta demande

[Arlem]

Bonsoir,

Créé un sujet dans ce sous-forum avec des images dedans qu'on puisse voir de nous-même sans avoir à s'inscrire.

[Meandre]

Voilà qui est fait avec accès en écriture en principe
à condition d'etre enregistré s'entend

Merci

[Arlem]

Essaie en ajoutant ça dans ton CSS :

Code:

.poster-profile img, .postbody img {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
}

[Meandre]

Je viens de tester
je l'ai mis tel que tu l'as posté ici : aucun changement apparent


(je le laisse le temps que tu vois si tu veux

[Invité]

Salut Meandre,
tu n'as pas déposé le code donné par Harlem (que je salue).
Quand je regarde sur ton forum ta css est comme ceci:

Code:

.postbody img, .postdetails poster-profile img {
    opacity: 1 !important;
}

Alors que cela devrait être comme ceci en corrigeant la deuxième partie:

Code:

.postbody img , .postdetails.poster-profile img
{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
}

Edit: le code mentionné par Harlem fonctionne parfaitement
a++

[Meandre]

humm, je viens de vérifier et ai fait un screen

Comme tu peux le voir, le code est bien tel que proposé par Arlem

(j'avais fait un copier/coller ^^)

[Invité]

Re,

Edit:

ceci est du à ton thème .

Pour corriger il faut donner un identifiant au template concerné .

Affichage/Templates/Général/viewtopic_body

Juste avant :

Code:

<script type="text/javascript">

Déposes l'identifiant suivant

Code:

<div id="M14_sujet">

Puis en bas recherches ceci:

Code:

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Juste après ferme la div en déposant:

Code:

</div>

Dans ta css
il faut mettre l'identifiant puis la class.

ce qui donnera pour ton cas:

Code:

#M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
{
opacity: 0.30 !important;
filter: alpha(opacity=30) !important;
-moz-opacity: 0.30 !important;
}

Attention!!
Si tu as paramétré d'autres class dans ta css sur un sujet ,
il faudra aussi mettre cet identifiant .

a++

[Meandre]

Merci

j'essaye de comprendre ce que tu ecris

=> fermer la div?
=> la class? (jsuis une neophyte hein)
=> si tu as parametré d'autres class dans ton css (peux pas te répondre :s)

Voici mon css actuel (pas encore fait les modifs que tu proposes)

Spoiler:

[Invité]

Re,
tu peux donner le contenu de ton template stp:

Par contre ta css contient des erreurs sur les opacités
tu désires avoir la même opacité sur tout le forum a 0.5 ?

Edit :
Ta Css corrigée :

Supprimes tout le contenu de ta feuille de style et remplace par celui ci stp

Code:


bodyline
{
-moz-opacity:0.90;
-khtml-opacity:0.90;
-ms-filter:"alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);
opacity:0.90;
}
td.row1,td.row2,td.row3
{
-moz-opacity:0.50;
-khtml-opacity:0.50;
-ms-filter:"alpha(opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
opacity:0.50;
}

       
body
{
background-color: #000000;
background-image: url("http://i76.servimg.com/u/f76/17/38/64/41/fondla11.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
}
td.row1, td.row2, td.row3, td.row3Right
{
-moz-opacity:0.80;
-khtml-opacity:0.80;
-ms-filter:"alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
opacity:0.80;
}
td.catHead, th.thHead, td.catBottom, td.catBottom
{
border:0px;
}
a.mainmenu img
{
margin-top:0; /* espace haut */
margin-bottom:65px; /* espace bas */
}
       
a.nav
{
color: #adbaab;
text-decoration: none;
}
       
#M14_sujet .postdetails.poster-profile img , #M14_sujet .postbody img
{
-moz-opacity:1;
-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
}

Pense à valider les modifications en cliquant sur le bouton "Valider".
a++

[Meandre]

en fait ce que je desire :
pas de titre
la partie forum transparente et mouvante

et je voudrais que ds la partie forum les avats, images loadées soient opaques.
tout le reste donc peut-être transparent (avec si cela etait possible et eventuellement la fenetre de rédaction du message (ie : celle ouverte pour rediger le message je veux dire) opaque elle aussi),
j'ai pas exemple des cadres de bas de categorie non visibles , c'est volontaire

humm donc comme je ne suis pas sure que cela etait clair avant et bien compris au vu de tes questions, j'atends réponse avant de mettre le Css que tu proposes

ps : ce changement de css implique t'il l'inutilité des changements que tu avais proposés précédemment?

[Invité]

Re,

ce changement de css implique t'il l'inutilité des changements que tu avais proposés précédemment?

Non , tout a été modifié, tu peux y aller allégrement .

On va commencer par ce changement de css et voir ensuite les différentes
manipulations a effectuer .

a++

[Meandre]

hop

Spoiler:

j'ai changé le CSS intégralement
=> aucun changement pour la transparences des zavats et des images

J'ai fait les changements que tu demandais dans Affichage/Templates/Général/viewtopic_body

=> aucun changement pour la transparences des zavats et des images

[Invité]

Salut Meandre,
j'ai zappé l'identifiant sur les class dans la css donnée plus haut :

Supprimes toutes ta feuille de style et remplace par celle-ci:

Code:

        bodyline
        {
        -moz-opacity:0.90;
        -khtml-opacity:0.90;
        -ms-filter:"alpha(opacity=90)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        filter:alpha(opacity=90);
        opacity:0.90;
        }
        td.row1,td.row2,td.row3
        {
        -moz-opacity:0.50;
        -khtml-opacity:0.50;
        -ms-filter:"alpha(opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter:alpha(opacity=50);
        opacity:0.50;
        }
       
             
        body
        {
        background-color: #000000;
        background-image: url("http://i76.servimg.com/u/f76/17/38/64/41/fondla11.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: top center;
        }
        td.row1, td.row2, td.row3, td.row3Right
        {
        -moz-opacity:0.80;
        -khtml-opacity:0.80;
        -ms-filter:"alpha(opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        filter:alpha(opacity=80);
        opacity:0.80;
        }
        td.catHead, th.thHead, td.catBottom, td.catBottom
        {
        border:0px;
        }
        a.mainmenu img
        {
        margin-top:0; /* espace haut */
        margin-bottom:65px; /* espace bas */
        }
             
        a.nav
        {
        color: #adbaab;
        text-decoration: none;
        }
             
        #M14_sujet .postdetails.poster-profile img , #M14_sujet .postbody img
        {
        -moz-opacity:1;
        -khtml-opacity:1;
        -ms-filter:"alpha(opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter:alpha(opacity=100);
        opacity:1;
        }

Ps:
J'ai édité mon sujet pour les modifications .

a++

[Meandre]

ok heu

j'ai changé le CSS (mis le dernier que tu proposes )

mais je ne comprends pas ton ps suivant :

Ps:
J'ai édité mon sujet pour les modifications Wink .

a++

En effet ds le panneau Affichage/Templates/Général/viewtopic_body
bah je vois pas ce que tu as changé :

Code:

    <div id="M14_sujet">

etait déjà mis

Code:

    </div>

aussi


ensuite tu parles de mettre un code Css :

Dans ta css
il faut mettre l'identifiant puis la class.

Soit :

Code:

  #M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
        {
        opacity: 0.30 !important;
        filter: alpha(opacity=30) !important;
        -moz-opacity: 0.30 !important;
        }

MAis il l'est dans le nouveau (et complet) CSS de ton dernier post, nope? Donc je ne l'ai pas (r)ajouté


En tous les cas : les modifs sont faites et en effet no change^^

[Invité]

Salut Meandre,

c'est assez étonnant car tu devrais avoir un changement .

Dans ta css:
tu as ceci:

Code:

 
td.row1,td.row2,td.row3
{
        -moz-opacity:0.50;
        -khtml-opacity:0.50;
        -ms-filter:"alpha(opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter:alpha(opacity=50);
        opacity:0.50;
}


et:

Code:


td.row1, td.row2, td.row3, td.row3Right
{
        -moz-opacity:0.80;
        -khtml-opacity:0.80;
        -ms-filter:"alpha(opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        filter:alpha(opacity=80);
        opacity:0.80;
}


Pourquoi ne pas mettre la même chose sur chose pour ces emplacements?
supprime simplement :

Code:


td.row1,td.row2,td.row3
{
        -moz-opacity:0.50;
        -khtml-opacity:0.50;
        -ms-filter:"alpha(opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter:alpha(opacity=50);
        opacity:0.50;
}


Il ne te sert à rien .

a+++

[Meandre]

Fais
et sans changement : pas l'opacité des avats et des images

[Invité]

Re,

alors essayes ceci:

supprimes ceci:

Code:

 #M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
{
opacity: 0.30 !important;
filter: alpha(opacity=30) !important;
-moz-opacity: 0.30 !important;
 }


et remplace par ceci:

Code:


#M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
{
opacity: none !important;
}

a++

[Meandre]

re

je n'ai pas le code que tu indiques mais celui-ci

(recopié du css que tu as proposé)

Code:

 #M14_sujet .postdetails.poster-profile img , #M14_sujet .postbody img
                {
                -moz-opacity:1;
                -khtml-opacity:1;
                -ms-filter:"alpha(opacity=100)";
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter:alpha(opacity=100);
                opacity:1;
                }

j'attends donc que tu vois ceci avant de faire un quelconque changement


css complet :

Spoiler:

[Invité]

Re,

si tu avais suivi mon message précédent grrrr.


Supprimes tout le contenu de ta css et remplace par:

Code:

           
bodyline
{
 -moz-opacity:0.90;
-khtml-opacity:0.90;
 -ms-filter:"alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);
 opacity:0.90;
}
                   
body
 {
background-color: #000000;
 background-image: url("http://i76.servimg.com/u/f76/17/38/64/41/fondla11.jpg");
 background-attachment: fixed;
background-repeat: no-repeat;
 background-position: top center;
 }
td.row1, td.row2, td.row3, td.row3Right
{
-moz-opacity:0.80;
-khtml-opacity:0.80;
-ms-filter:"alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 filter:alpha(opacity=80);
 opacity:0.80;
 }
td.catHead, th.thHead, td.catBottom, td.catBottom
{
 border:0px;
}
a.mainmenu img
 {
 margin-top:0; /* espace haut */
 margin-bottom:65px; /* espace bas */
}
                         
a.nav
{
color: #adbaab;
 text-decoration: none;
 }
                         
                               
#M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
 {
-moz-opacity:0.50 !important;
-khtml-opacity:0.50 !important;
-ms-filter:"alpha(opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
opacity:0.50 !important;
 }


Pense a valider les changements .

a++

[Meandre]

bah j'ai suivi 0_0

et t'avais posé question justement pour un truc que je pigeais pas
desolée et merci

Edit =

Mis intégralement ton css : no change

[no_way]

Bonsoir ce que vous demandez est impossible en passant par la propriété opacity, elle permet de modifier l'opacité entre 0% et 100% certes, mais en aucun cas vous ne pourrez lui demander du 110% pour compenser la transparence sur votre forum (parfaitement logique).

Vous devrez passez soit par une image en png avec une opacité de 90% soit par la notation rgba.

[Meandre]

bonjour

heu...

Et bien je ne sais Noway, ça fait quand même plusieurs jours que Milouze tente de m'aider sans que personne ne soit intervenu pour lui dire que son idée n'etait pas fonctionnelle


je n'ai (bien sûr) aucune idée de ce qu'est la notation rgba

mon image de fond est opaque : ce n'est pas elle que je désire transparente
je n'ai pas "d'image " en tant que telle pour le forum : mais une image transparente à 100% d'une taille qui me permet de caler mon forum en haut.

[Invité]

Salut Meande,

Milouze tente de m'aider sans que personne ne soit intervenu pour
lui dire que son idée n’était pas fonctionnelle.

Désolé pour le dernier message,me suis emmêlé les pinceaux avec mon forum de test .

si tu veux avoir une image sans opacité
il faut changer ceci:

Code:

#M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
 {
-moz-opacity:0.50 !important;
-khtml-opacity:0.50 !important;
-ms-filter:"alpha(opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
opacity:0.50 !important;
 }

Par :

Code:

#M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
 {
-moz-opacity:1 !important;
-khtml-opacity:1 !important;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1!important;
 }


De ce fait ton avatar et les images présente dans le postboby
auront une apparence normale .


a++

[Meandre]

je n'ai plus

Code:

    #M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
        {
        -moz-opacity:0.50 !important;
        -khtml-opacity:0.50 !important;
        -ms-filter:"alpha(opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter:alpha(opacity=50);
        opacity:0.50 !important;
        }

depuis que tu me l'as fait changé le Jeu 18 Avr 2013 - 14:43 pour :

Code:

 #M14_sujet .postbody img , #M14_sujet .postdetails.poster-profile img
        {
        opacity: none !important;
        }

ps : dois je en conclure que noway se trompe?

edit] je reprends donc ton dernier code cssintegral et re refais les changements

voici donc mon css et no change

Spoiler:

[no_way]

Je n'ai pas pour habitude d'intervenir, je souhaite juste vous éviter de passer des heures à chercher une solution qui n’existe pas, sur le lien qui suit:
http://essaix86-64-js.1fr1.net/h2-essai

Le premier cadre utilise opacity, tout le cadre y compris ses enfants sont à 50% d'opacité.
Le deuxième cadre utilise la notation rgba, seul le fond du cadre se voit affecter une opacité à 50%.

Sauf erreur de compréhension de ma part, ce que vous souhaitez réaliser se rapproche plus du deuxième cadre à savoir un semblant de transparence ne s'appliquant pas aux enfants (images etc...) .

Je laisse Milouze14 continuer l'aide qu'il vous apporte, désolé si j'ai mal compris votre problème.

Sincères salutations.