ajouter des motifs dans les messages

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

Résolu ajouter des motifs dans les messages

Message par Matthieu A. le Sam 13 Avr 2013 - 9:50

bonjour, je suis sur phpbb3

j'aimerais savoir comment ajouter des motifs dans les messages, comme sur le message d'accueil de ce forum. (une espèce de rectangle aux bords arrondis)



il doit y avoir un code ou un javascript, pour la taille, la couleur, les angles

merci d'avance

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Sam 13 Avr 2013 - 10:16

Bonjour,

Aucun code Javascript, c’est simplement une image qu’on a mis en fond :
http://illiweb.com/fa/optimisation_fdf/fr/puce10.png

Tu peux toi-même créer ta propre image et réaliser quelque chose de similaire avec du HTML Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Sam 13 Avr 2013 - 19:24

et comment met on une image en fond d'un message ?

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Dim 14 Avr 2013 - 10:26

Comme ceci :

Code:
<div style="background-image:url("…");">Ton message ici</div>
À la place des points de suspension, mets l’URL de l’image que tu veux voir apparaître en fond.

Pour le reste (positionnement de l’image, répétition…), tu peux regarder ici selon ce qui te plaît :
http://css.mammouthland.net/image-de-fond-background-css.php

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Dim 14 Avr 2013 - 11:09

merci mais je n'y arrive pas du tout;

peux tu me mettre juste les codes pour avoir une image en fond sur le message d'accueil, qui ne se répète pas et qui est sur l'index uniquement ?

merci d'avance

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Dim 14 Avr 2013 - 11:23

Si tu veux, mais bon, l’idéal aurait été d’apprendre par toi-même plutôt que d’attendre des codes tout préparés…

Voici ce qu’on pourrait utiliser, si on veut une image à gauche, qui ne se répète pas :
<div style="background-image:url(…);background-position:left;background-repeat:no-repeat;">Ton message ici</div>
Je t’explique quand même le code si ça t’intéresse :
- En rouge, on insère l’image de fond, donc après url( tu mets l’URL de l’image de ton choix.
- En vert, on place l’image de fond à gauche.
- En bleu, on fait en sorte que l’image ne se répète pas.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Dim 14 Avr 2013 - 11:34

merci

j'avais mis ce code (en partie) sur mon message d'accueil mais ca ne marchait pas. J'ai remplacer par ton code mais ca ne marche toujours pas.

Le message s'affiche mais pas l'image

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Dim 14 Avr 2013 - 11:38

Peux-tu m'envoyer ici le code exact que tu utilises ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Dim 14 Avr 2013 - 11:40

pour l'essai, j'ai pris l'image que tu m'a présentée et un texte simple "essai"
Code:

<div style="background-image:url("http://illiweb.com/fa/optimisation_fdf/fr/puce10.png");background-position:left;background-repeat:no-repeat;">Essai</div>

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

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

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Dim 14 Avr 2013 - 11:41

Si tu retires les guillemets autour de l'URL ?
Code:
<div style="background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png);background-position:left;background-repeat:no-repeat;">Essai</div>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Dim 14 Avr 2013 - 11:46

l'image apparaît mais sa taille dépend de la taille du texte

Il y a t'il un moyen pour que l'image apparaisse en entier indépendement de la taille du texte

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: ajouter des motifs dans les messages

Message par Matriochka le Dim 14 Avr 2013 - 11:49

Oui, à ce moment il faut ajuster la hauteur :
<div style="background-image:url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png);background-position:left;background-repeat:no-repeat;height:**px">Essai</div>
height = hauteur

Remplace **px par la hauteur de l'image

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: ajouter des motifs dans les messages

Message par Matthieu A. le Dim 14 Avr 2013 - 11:51

Merci c'est exactement ce que je voulais

tes réponses sont toujours de qualité merci

cc

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. 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