Beaucoup de gens me demandent comment on fait pour mettre une image/un fond dans les articles (ça s'appelle un background ^^) ben je vais tout simplement c/c l'article que mon chéri a fait à ce sujet, il explique cela très bien, mais au cas ou c'est pas clair ben allez lui laisser un com =)
Voilà l'article :
Comme pas mal de gens ont l'air interressés par des articles avec image en background, et comme il semblerait que ce soit moi qui ai utilisé cette possibilité en 1er (et que je n'ai pas posté depuis quelques temps), voilà un petit didacticiel.
Si vous voulez d'abord mettre du texte/images sans image de fond, mettez les donc normalement sur l'article.
Dès que vous voulez inclure une image de fond, passez en mode "code source HTML de l'article".
Puis insérez ceci:
<div style="margin: 10px; padding: 40px; background-image: url(http://gzite.free.fr/img/background_vert.png); background-repeat: no-repeat;">
Avant tout, mettez l'url de votre image à l'emplacement prévu.
En fonction de votre image, vous pouvez moduler les valeurs "margin" et "padding" ici mises à 10 et 40px (pixels) pour décaler votre texte, testez et vous verez...
Si vous utilisez une image "seamless", c'est à dire que la même image mise côte à côte ne laissera pas voir de "jonctions", enlevez le background-repeat: no-repeat; pour que l'image se "répète"
Pour finir, n'oubliez pas de mettre un </div> pour marquer la fin de l'affichage de l'image de fond.
Remarques:
L'image de fond n'est pas redimensionnée, c'est à vous d'adapter votre texte en fonction (vous pouvez faire des "entrées" pour que l'image soit affichée complêtement, verticalement du moins).
Il existe bien d'autres propriétés liées au background, j'ai mis ici que l'essentiel :)
Hum sinon je voulais rajouter, Sam, je te met OFFICIELEMENT et PUBLIQUEMENT au défi !
Le défi : m'envoyer un tee shirt par la poste :p
Maintenant tu le rélève ou pas, libre à toi de choisir, je te force pas, c'est pour le fun ;)
Bisous
Voilà l'article :
Comme pas mal de gens ont l'air interressés par des articles avec image en background, et comme il semblerait que ce soit moi qui ai utilisé cette possibilité en 1er (et que je n'ai pas posté depuis quelques temps), voilà un petit didacticiel.
Si vous voulez d'abord mettre du texte/images sans image de fond, mettez les donc normalement sur l'article.
Dès que vous voulez inclure une image de fond, passez en mode "code source HTML de l'article".
Puis insérez ceci:
<div style="margin: 10px; padding: 40px; background-image: url(http://gzite.free.fr/img/background_vert.png); background-repeat: no-repeat;">
Avant tout, mettez l'url de votre image à l'emplacement prévu.
En fonction de votre image, vous pouvez moduler les valeurs "margin" et "padding" ici mises à 10 et 40px (pixels) pour décaler votre texte, testez et vous verez...
Si vous utilisez une image "seamless", c'est à dire que la même image mise côte à côte ne laissera pas voir de "jonctions", enlevez le background-repeat: no-repeat; pour que l'image se "répète"
Pour finir, n'oubliez pas de mettre un </div> pour marquer la fin de l'affichage de l'image de fond.
Remarques:
L'image de fond n'est pas redimensionnée, c'est à vous d'adapter votre texte en fonction (vous pouvez faire des "entrées" pour que l'image soit affichée complêtement, verticalement du moins).
Il existe bien d'autres propriétés liées au background, j'ai mis ici que l'essentiel :)
Hum sinon je voulais rajouter, Sam, je te met OFFICIELEMENT et PUBLIQUEMENT au défi !
Le défi : m'envoyer un tee shirt par la poste :p
Maintenant tu le rélève ou pas, libre à toi de choisir, je te force pas, c'est pour le fun ;)
Bisous
Et puis oui comme je t'ai dis, ça m'fait pas peur ton défi mdrrr