Image en transparence

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

Résolu Image en transparence

Message par la culture du maghreb le Mar 2 Nov 2010 - 1:56

Bonsoir,

Je n'ai pas trouvé de réponses a ma question alors veuillez m'excuser si jamais je fais un doublon Very Happy

Voilà je souhaiterai mettre une image de fond en transparence sur la page d'accueil de mon forum et plus exactement dans le cadre ou se trouve mon message d'accueil: "مرحبا بكم
Nous voilà entrés au coeur du Maghreb etc..."


Ici:
http://culture-maghrebine.clictopic.com/forum.htm

Si celà est possible merci par avance pour vos réponses

la culture du maghreb
***

Messages : 101
Inscrit(e) le : 02/10/2007

http://culture-maghrebine.clictopic.com/index.htm
la culture du maghreb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en transparence

Message par BellaSara-RPG le Mar 2 Nov 2010 - 2:33

Code:
<div style="background-image: url(url de l'image); background-position: center; width: Xpx; height: Xpx; padding-right: 30px;">Contenu du texte</div>
Si c'est ce que cherchez. Par ailleurs, le code était sur ce topic.


Dernière édition par BellaSara-RPG le Mar 2 Nov 2010 - 4:13, édité 1 fois

BellaSara-RPG
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 30/10/2010

http://bellasara-rpg.forumactif.com
BellaSara-RPG a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en transparence

Message par la culture du maghreb le Mar 2 Nov 2010 - 2:54

En fait je souhaiterai avoir une image en fond avec mon texte par dessus donc une image très opaque afin que l'on distingue bien le texte

Désolée je ne sais pas si je m'explique correctement

la culture du maghreb
***

Messages : 101
Inscrit(e) le : 02/10/2007

http://culture-maghrebine.clictopic.com/index.htm
la culture du maghreb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en transparence

Message par BellaSara-RPG le Mar 2 Nov 2010 - 4:19

Avez-vous tester le code donné ? En l'utilisant j'obtiens cette effet;

Ce n'est pas l'effet recherché ?
Je vous explique un peu le code, pour que vous vous y retrouviez.
Reprenons notre code;
Code:
<div style="background-image: url(url de l'image); background-position: center; width: Xpx; height: Xpx; padding-right: 30px;">Contenu du texte</div>
Et expliquons;
*URL de l'image: Remplaçer par l'url de l'image de fond en question.
* background-position: La position du fond
* Width et Height: Remplacer les X par les dimensions de l'image
* padding-right: Là, j'avoue ne pas pouvoir vous éclairer. Mais pour ma part, je laisse à 0px.
* Contenu du texte: Mettez votre texte. Vous pouvez rajouter des balises, comme centrer, gras [...]

Je suis désolée de ne pas pouvoir vous éclairez d'avantage, mais je débute, alors je fais du mieux que je peux.

BellaSara-RPG
Nouveau membre

Féminin
Messages : 21
Inscrit(e) le : 30/10/2010

http://bellasara-rpg.forumactif.com
BellaSara-RPG a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en transparence

Message par la culture du maghreb le Mer 3 Nov 2010 - 23:03

Merci beaucoup et surtout ne soyez pas désolée vous m'avez beaucoup aidé


la culture du maghreb
***

Messages : 101
Inscrit(e) le : 02/10/2007

http://culture-maghrebine.clictopic.com/index.htm
la culture du maghreb 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