Image dans un widget legerement transparente

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

Résolu Image dans un widget legerement transparente

Message par Geronimo90 le Mer 5 Mai 2010 - 16:07

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,


Dernière édition par Geronimo90 le Jeu 6 Mai 2010 - 14:40, édité 1 fois

Geronimo90
**

Masculin
Messages : 60
Inscrit(e) le : 15/09/2009

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

Résolu Re: Image dans un widget legerement transparente

Message par Invité le Mer 5 Mai 2010 - 16:45

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image dans un widget legerement transparente

Message par Geronimo90 le Mer 5 Mai 2010 - 23:29

Merci,

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

Voici le code de mon widget :
<div style="position: relative;"><img src="http://i63.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 Sad 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 Embarassed

Geronimo90
**

Masculin
Messages : 60
Inscrit(e) le : 15/09/2009

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

Résolu Re: Image dans un widget legerement transparente

Message par Invité le Jeu 6 Mai 2010 - 8:32

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image dans un widget legerement transparente

Message par Geronimo90 le Jeu 6 Mai 2010 - 14:39

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

Merci pour l'aide,
A bientôt Laughing

Geronimo90
**

Masculin
Messages : 60
Inscrit(e) le : 15/09/2009

http://greatspirit.forumactif.org
Geronimo90 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