Image de fond dans un message

2 participants

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

Résolu Image de fond dans un message

Message par maximumuse Sam 20 Juil 2013 - 18:22

Bien le bonjour, est il possible de mettre une image de fond dans un message et un seul, c'est à dire sans aller dans la CSS mais avec du code HTML ?

J'ai survolé les archives je n'ai rien trouvé.

Merci de vos lumières Wink


Dernière édition par maximumuse le Sam 20 Juil 2013 - 19:32, édité 1 fois
maximumuse

maximumuse
****

Masculin
Messages : 296
Inscrit(e) le : 25/09/2005

https://www.forum-discussion.net
maximumuse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond dans un message

Message par [AoH]Insane Sam 20 Juil 2013 - 19:11

Tu veux mettre une image de fond dans un des tes messages sur le Forum? Oui, c'est faisable grâce à du HTML. Premièrement, je vais faire un petit cours tout simple, pour insérer une image en HTML, il faut utiliser la balise <img src="URL_DE_TON_IMAGE">. Alors il s'agit potentiellement du même trucs, il suffit de le mettre en background. Pour se faire, par contre, il faut enlever la balise image et l'insérer dans un <div></div>. Bon, je me rend compte que ça parait un peu complexe, donc voici le code plus simplement dit:

Code:
<div style="background:url(URL_DE_TON_IMAGE);"></div>

Alors une fois que tu l'as vu, je vais te l'expliquer un peu, pour que tu puisse le modifier à ta guise par la suite. Donc, le style est l'équivalent du CSS, juste pour que tu fasse le lien, simplement que le CSS permet plus d'option, comme hover et tout les actions avec des conditions précises. Donc le code signifie:

Le style de la <div></div> contient un background dont l'url est (X).

En espérant avoir aidé

[AoH]Insane
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond dans un message

Message par maximumuse Sam 20 Juil 2013 - 19:31

Oui il faut mettre tout le message entre les 2 div et Arf trop d'la balle, ça marche au poil !

 Merci  Very Happy Yes

et est ce qu'on peut l'adoucir avec la transparence ?
maximumuse

maximumuse
****

Masculin
Messages : 296
Inscrit(e) le : 25/09/2005

https://www.forum-discussion.net
maximumuse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond dans un message

Message par [AoH]Insane Sam 20 Juil 2013 - 19:35

Comme j'ai l'impression que tu as tenté de mettre ton image sur ce forum-ci, alors je vais t'expliquer tout de suite, le HTML n'est pas supporté sur le Forum des Forum (FdF). Il faut donc le tester sur ton forum; et être sûr d'avoir autorisé l'utilisation d'HTML par les membres et avoir sélectionné l'option adéquate dans ton profil!

Au plaisir d'avoir pu aider!

[AoH]Insane
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond dans un message

Message par maximumuse Sam 20 Juil 2013 - 19:57

Oui j'ai essayé ici et effectivement ça ne marche pas, je vais vérifier qu'il est bien activé ds le forum.

mais ma 2e question tient toujours, ya pas une commande qui attenue les images ? un truc opacity qq chose ?
maximumuse

maximumuse
****

Masculin
Messages : 296
Inscrit(e) le : 25/09/2005

https://www.forum-discussion.net
maximumuse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond dans un message

Message par [AoH]Insane Sam 20 Juil 2013 - 20:02

Oui, on peut. Désolé, je n'avais pas vu la seconde question dans ton dernier post (d'où la règle basique de ne poser qu'une question par sujet, mais il n'est pas de mon devoir de t'en avertir, alors je vais te répondre). En effet, tu as la commande opacity qui vient jouer sur l'opacité de l'image. L'opacité de base est donc mise à 1; alors si tu veux baisser l'opacité, il n'en est qu'à toi de baisser ce chiffre, en utilisant des points, non pas des virgules. Encore une fois, il s'agit d'un attribut de style, donc cela donnerait ceci:

Code:
<div style="background:url(URL_DE_TON_IMAGE); opacity: 0.7;"></div>

Pour une opacité à 70%. Le chiffre étant le résultat de la fraction concrète X/100. Soit 70% Arrow 70/100 Arrow 0.7.

En espérant avoir aidé

[AoH]Insane
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane 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