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

2 participants

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 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

Guilde-Egregore
***

Masculin
Messages : 173
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 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

Guilde-Egregore
***

Masculin
Messages : 173
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 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://2img.net/i/fa/empty.gif");
        background-repeat: repeat;
        background-position: top left;
        }
, mais essayez d'enlever les 2 autres, juste le css.
A++
Peggy06

Peggy06
****

Messages : 323
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 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://i.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

Guilde-Egregore
***

Masculin
Messages : 173
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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum