Problème d'affichage des Avatars (Opacité)

[Lvdragon]

Bonjour !

Alors, j'ai auparavant fait une recherche, et je ne crois pas que ce problème ait été soulevé auparavant. Mes excuses s'il l'a déjà été.

En fait, le fond du corps du forum n'est pas opaque, voilà un screen :



Si on regarde l'avatar, on aperçoit le fond au travers.
C'est certainement dû au code du CSS, ou quelque chose comme ça.
Comment le régler de façon à ce que le corps du forum seul soit transparent ?

Merci d'avance !

[Anzu]

Bonjour ^^

C'est possible d'avoir le lien de votre forum ainsi qu'une capture d'écran du Panneau où se trouvent toutes les couleurs de votre forum ?

Cordialement.

[Lvdragon]

Bonjour !

Voila pour le lien : http://lighterra-chronicles.forumactif.org/forum.htm

Et les screens, si j'ai bien compris vous voulez les couleurs o:

Voilà les captures de toute la partie couleur :




Les voici,

Merci bien de votre réponse.

[Anzu]

J'ai oublié de vous demander votre CSS ..

[Lvdragon]

Voila le CSS :

body{
background-image:url("http://photomaniak.com/upload/out.php/i1046528_lululu.png");
background-repeat: no-repeat;
background-align: center;
cursor:url("https://i.servimg.com/u/f22/11/52/95/01/apae14.png"),default;
}

a { text-decoration: none; }
.genmed a,.genmed a:active{
font-size:12px;
text-decoration:none;
}

.genmed a:hover{
text-decoration:underline;
}

div, table {
-moz-border-radius: 9px;
border: none;
}
a:hover{
letter-spacing :1px;}
.postdetails.poster-profile a img {
margin: auto;
display: auto;
margin-bottom:0px;
}

.statistiques{
border:2px;
background-image: url("https://2img.net/r/ihimizer/img186/6861/image312.png");
background-repeat: no-repeat;
background-position: center;
height: 1px;}

.groupes{
background-color:#141212;border: 1px #CF6A0B dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }

[Anzu]

Retirez ceci déjà:

Code:

body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }


Cordialement.

[Lvdragon]

J'ai donc retiré cette partie du code o:

Seulement, le fond n'est plus transparent. Que dois-je donc entrer ? Ou comment faire pour qu'il le redevienne ?

Merci beaucoup.

[Anzu]

Hé bien vous le remettez:

Code:


body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }

Donc vous voulez bien garder le fond transparent pour votre forum mais avoir un fond "opaque" pour vos posts, c'est bien ca ?

[Lvdragon]

En fait, j'aimerais avoir le fond du forum transparent, et les avatars, opaques comme ici :

[Anzu]

Haa ok ! > <

Bon reprenons:

Sur la deuxième capture, vous avez les couleurs pour table rangée 1, 2, et 3, vous retirez les trois codes de couleur, vous enregistrez.

Puis vous retirez ceci:

Code:

body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }

Logiquement, c'est sensé fonctionner

[Lvdragon]

J'ai fait ce que vous m'avez demandé.
Ça change la couleur du fond, mais les avatars restent transparents o.o



EDIT : Est-il possible de garder la couleur légèrement transparente, comme sur l'original ? Tout en ayant les avatars opaques ?

Merci vraiment, pour votre attention.

[Anzu]

Créez une image transparente et mettez la ici:
(Code à rajouter dans votre css)

Code:

.bodyline{
background-image: url("lien de l'image transparente");
}

Vous avez bien retiré ceci:

Code:

body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }

Vous me posez une colle > <
Ce n'est pas sensé être transparent derrière les avatars.

[Lvdragon]

J'ai essayé ce que vous m'avez demandé, et ça a marché en ce qui concerne le fond transparent.
Parcontre, je me suis mal exprimé, c'est ma faute sur ce point :

Il s'agit du corps du forum, mais nous souhaiterions avoir les tables de rangées transparente et colorées, sans que le corps principal du forum ne soit visible (chose qui était déja faite sur l'original).

Y a-t-il un code pour les Tables de Rangées ?

[Anzu]

Essayez ceci > <
Rajoutez ce code dans la CSS. Pour l'image transparente, vous mettez le même lien qu'utilisé précédemment pour bodyline.

Code:

td.row1,td.row3.over:hover {
    background-image: url("lien de l'image transparente");
    }
td.row2,td.row1.over:hover {
    background-image: url("lien de l'image transparente");
    }
td.row3{
    background-image: url("lien de l'image transparente");
    }


[Lvdragon]

Si j'enlève

Code:

body { filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity:0.90; }

tout devient opaque. Et je sais que

opacity:0.90; }

En est responsable. N'y aurait-il pas un code qui pourrait le remplacer ? Une quelconque solution ? T.T
Pour les tabls rangées, à moins que je ne mette le code ci-dessus, elles n'apparaissent pas transparentes, malgré l'image transparente. Je ne comprends pas.

[Anzu]

Pour les tables, rajoutez

background-color: transparent;

Au cas où ..

[Lvdragon]

Ça ne marche toujours pas D:

J'ai regardé le CSS de base, voilà ce que j'ai trouvé :

Code:


td.row1,td.row3.over:hover {
    background-color: #;
    }
td.row2,td.row1.over:hover {
    background-color: #;
    }
td.row3{
    background-color: #;
    }
td.rowpic {
   background-color: #db18ce;
   background-image: url("http://i28.servimg.com/u/f28/12/48/72/03/i_back10.png");
   css}
th {
   color: #000a59;
   font-size: 12px;
   font-weight : bold;
   background-color: #;
   height: 25px;
   background-image: url("http://i28.servimg.com/u/f28/12/48/72/03/i_back10.png");
   padding: 2px 3px;
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i28.servimg.com/u/f28/12/48/72/03/i_back11.png");
   background-color:#062c61;
    border: #;
    border-style: solid;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #595959;
    border-style: solid;
   
/*height: 20px;
   */
}
td.row3Right,td.spaceRow {
   background-color: #;
    border: #;
    border-style: solid;
   }
td.pourcentback {
    background-color : #21384f;
    }
th.thHead,td.catHead {
    font-size: 13px;
    border-width: 1px 1px 0 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 1px 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0 0;
    }
th.thCornerL {
    border-width: 1px 0 0 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0 0;


Y a-t-il quelque chose à modifier dont je pourrai me servir par la suite ?

Et j'ai ceci sur les avatars :

Code:

.avatar {
    width: 50px;
    border: 1px solid #;
    background-color: #fff;
    }
.avatar img {
    width: 50px;
    }
.friend-block .avatar {
    margin: 0 auto;
    cursor:pointer;
    }
.avatar.mini, .avatar.mini img {
    width: 38px;
    height: 38px;
    }


[Lvdragon]

Up,

J'ai résolu le problème par moi-même c:

Merci pour toutes vos réponses, elles m'ont mises sur la voie. ^^

A très bientôt sur le Forum des Forums ~