Transparence sur les widgets du portail et fond du portail en transparence avec rgb

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

Résolu Transparence sur les widgets du portail et fond du portail en transparence avec rgb

Message par Guilde-Egregore le Mer 28 Oct 2015 - 23:34

Bonjour, sur le portail je souhaite rendre transparente la couleur du fond des widgets.

En effet je souhaite appliquer une image translucide cependant comme la couleur du fond du widget est toujours présente à l'arrière cela de fonctionne pas.

Voici le code que j'ai utilisé pour mettre une image sur les widgets portail :

Code:
.module {
background-image: url("http://i38.servimg.com/u/f38/18/73/48/08/t15lig10.png");
background-repeat: repeat;
background-position: top left;
}

A part, j'ai d'appliqué un code JS et un code CSS qui permettent la transparence du fond du portail avec une image, seulement lors du chargement de la page l'affichage n'est pas terrible la transparence ne s'applique pas immédiatement, peut être qu'il y a un moyen de l'optimiser ? S'il est possible d'utiliser rgba plutôt que l'image aussi.

Code:
$(function (){
                $("#wrap").css("background-color","transparent");
                $("#wrap").addClass("fondcadre1");
                });
Code:
   .fondcadre1 {
   background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/t75bla10.png');
   }

Bien à vous


Dernière édition par Guilde-Egregore le Sam 31 Oct 2015 - 12:55, édité 1 fois

Guilde-Egregore
***

Masculin
Messages : 171
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence sur les widgets du portail et fond du portail en transparence avec rgb

Message par Guilde-Egregore le Ven 30 Oct 2015 - 15:33

J'ai des recherches mais je ne trouve pas ou ça ne me convient pas. Je n'ai pas envie de toucher aux templates.

Avez-vous des idées ?

Guilde-Egregore
***

Masculin
Messages : 171
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence sur les widgets du portail et fond du portail en transparence avec rgb

Message par Peggy06 le Ven 30 Oct 2015 - 16:18

Bonjour, Guilde-Egregore,
Je ne comprends pas bien, si vous voulez le fond des widgets transparent, pour quoi avoir mis une image dans le CSS et pas
Code:
  .module {
        background-image: url("http://illiweb.com/fa/empty.gif");
        background-repeat: repeat;
        background-position: top left;
        }
, mais essayez d'enlever les 2 autres, juste le css.
A++

Peggy06
****

Messages : 302
Inscrit(e) le : 24/10/2014

http://evasionentrenous.forumactif.org/
Peggy06 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence sur les widgets du portail et fond du portail en transparence avec rgb

Message par Guilde-Egregore le Ven 30 Oct 2015 - 20:05

Bonsoir Peggy,

Comme je l'ai dit dans mon premier message, je souhaite appliquer une image translucide pour les widgets du portail. Cependant comme la couleur du fond du widget est toujours présente à l'arrière cela de fonctionne pas.

L'image avec 15% de transparence : https://i38.servimg.com/u/f38/18/73/48/08/t15lig10.png

Quand à l'autre code il s'agit d'un JS qui permet d'enlever le fond de page du forum et d'un code css lié pour ajouter en contre partie une image qui est transparente que j'aimerai remplacer par une couleur en rgba. (J'ai essayé background-color: avec la couleur mais rien ne se passe.)

Édition : avec background-color: transparent; ça fonctionne ! Wink

Guilde-Egregore
***

Masculin
Messages : 171
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore 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