Image dans un widget legerement transparente

[Geronimo90]

Bonjour,

Comment rendre une image d'un widget de forum légèrement transparente sans passer par un logiciel d'image et l'hébergement de cette image, sachant que celle-ci sert aussi sur le portail mais sans qu'il n'y ait besoin de toucher à sa transparence sur celui-ci ?

Pour le widget en question, les liens ne sont pas très visible à cause de l'image et j'aimerais garder le style de ces liens. Problème visible en visitant mon site. Il s'agit de l'image de l'ange sur le portail et dans un widget du sommaire du forum.

Par ligne de code par exemple, j'ai "épluché" tout les sujets mais j'ai rien trouvé pour m'aider.

Merci d'avance,

[Invité]

Bonjour,

Il te suffit d'ajouter une ligne de style dans la balise HTML contenant l'image en fond, par exemple avec un tableau :

Code:

<table width="100%" align="center" style="background: transparent url('url_image') center no-repeat; opacity: 0.90;" border="0" cellspacing="0" cellpadding="0">

Mais pour les gérer séparément, alors il te faut créer deux widgets, un pour le portail et un pour le forum.

[Geronimo90]

Merci,

Mais, car il y a toujours un mais ( ) je ne dois pas placer le code au bon endroit, car sinon il ne met ni l'image , ni les liens juste le titre du widget

Voici le code de mon widget :

<div style="position: relative;"><img src="https://i.servimg.com/u/f63/14/33/92/17/ange_f10.jpg" style="width: 100%; height: 100%;"><div style="position: absolute; top: 0pt; left: 0pt;"><div style="text-align: center; font-family: Comic Sans MS; color: RoyalBlue;"><font size="2"><br><a style="color: RoyalBlue;" href="http://greatspirit.forumactif.org/la-taverne-f6/">La taverne</a></font><br style="color: RoyalBlue;"><font size="2"><a style="color: RoyalBlue;" href="http://greatspirit.forumactif.org/le-camp-d-entrainement-f7/">Le camp d'entrainement</a></font><br style="color: RoyalBlue;"><font size="2"><a style="color: RoyalBlue;" href="http://greatspirit.forumactif.org/la-gazette-f4/">La gazette</a></font><br style="color: RoyalBlue;"><font size="2"><a style="color: RoyalBlue;" href="http://greatspirit.forumactif.org/autour-du-feu-f36/">Autour du feu</a></font><br style="color: RoyalBlue;"><font size="2"><a style="color: RoyalBlue;" href="http://greatspirit.forumactif.org/le-marche-f10/">Le marché</a></font><br style="color: RoyalBlue;"></div><br></div></div>

J'ai mis le code que tu m'as donné en essayant plusieurs endroits, mais ca ne marche pas dès que j'enregistre, il me mets ton code directement a la fin du miens et rien ne passe.

Je suis assez novice en code html, css et autre java, je ne dois surement pas le mettre au bon endroit

[Invité]

Ah ok, je pensais que ton image était en fond d'un tableau, ou d'un bloc.

Donc là, gérons l'opacité directement dans le style de la balise image :

Code:

<img src="http://i63.servimg.com/u/f63/14/33/92/17/ange_f10.jpg" style="width: 100%; height: 100%; opacity: 0.90;" border="0" />

[Geronimo90]

Ah ben voilà, nickel, c'est ce que je voulais.

Merci pour l'aide,
A bientôt