Image de fond dans les annonces

par minitub43 Lun 7 Fév 2011 - 19:02

Bonjour

J'ai placé une annonce avec un texte défilant sur notre forum :
http://minitub43.forumactif.com/
Je souhaite y mettre une image de fond (fd_ban1.jpg), pour se faire j'ai placé ce code ci-dessous en plus du code créé en ayant pris soin de télécharger l'image de fond chez mon hébergeur mais elle n'apparait pas où est l'erreur SVP ?

Merci de votre aide

Philippe

Code utilisé :

<body background="http://www.minitub43.com/mon_image.jpg"></body>

Code en entier

<html>
<body background="http://www.minitub43.com/fd_ban1.jpg"></body>
<img SRC="http://www.minitub43.com/minitub43_ban.gif" >
Minitub43.com
vous souhaite une excellente semaine et vous invite à consulter
très régulièrement son site <a href="http://www.minitub43.com/" style="font-weight: bold;">http://www.minitub43.com</a>
pour y découvrir de nouveaux documents.
</body>
</html>

par Irina Mar 8 Fév 2011 - 10:11

Bonjour,

Je vous corrige le code :

- Dans une annonce sur le forum, il est inutile de ré ouvrir "html". Idem donc pour body
- D'ailleurs attention, vous ouvre body, et vous le refermez juste derrière, body = le corp, il doit contenir donc tout le corps Smile

(je parle dans le cas d'une page html par exemple, car là il n'est pas nécessaire de le mettre)
- Faites attention, parfois vous ouvrez une balise, et la refermez immédiatement derrière sans qu'elle ai rien à l'intérieur, dans ce cas là, elle est inutile.
- Pensez à toujours vérifiez l'ordre de vos balises, elles doivent être ouvertes et fermées exactement dans le même ordre.
- Plutôt que des que je n'aime pas trop et qui pousse à la faute, je conseille plutôt des dans lequel vous ouvrez du style="....;" comme ça c'est propre et vous pouvez mettre ce que vous voulez dedans, et ça s'appliquera à tout ce qui est dans le span jusqu'à la fermeture du 

VOilà, j'ai un peu dégrossi et corrigé, essayez ceci :

Code:: <div style="background: url(http://www.minitub43.com/fd_ban1.jpg);"> <img src="http://www.minitub43.com/minitub43_ban.gif">Minitub43.com vous souhaite une excellente semaine et vous invite à consulter très régulièrement son site <a href="http://www.minitub43.com/" style="font-weight: bold;">http://www.minitub43.com</a> pour y découvrir de nouveaux documents.</div>

Cordialement, Smile

par minitub43 Mar 8 Fév 2011 - 18:30

Bonjour et merci de la réponse et ces conseils.
Je viens de le mettre en ligne mais malheureusement l'image de fond (fd_ban1.jpg) se déplace aussi alors qu'elle devrait être fixe. J'ai désactivé le défilement dans mon PA du coup tout est fixe.

par Irina Mar 8 Fév 2011 - 19:52

Oui c'est normal qu'elle défile, car elle est dans l'annonce, tout ce que vous entrez dans ce cadre pour l'annonce défile.

On peut essayer de placer l'image par code CSS si vous le souhaitez, mais il faudra penser à la retirer lorsque vous voudrez changer l'annonce, car là je vous propose de remplacer le fond de la structure de l'annonce par votre image.

Cela vous intéresse ? Smile

par minitub43 Mar 8 Fév 2011 - 21:23

Bonsoir Irina
Bien sur mais je suis gêné de vous donner du boulot. J'aurais aimé me débrouiller comme un grand sans embêter personne mais mes connaissances comme autodidacte remontent à la création de pages sur Minitel et les débuts du html depuis je me suis laissé déborder faute de temps.
J'ai eu beau me remettre en piste ...
Merci d'avance
Philippe

PS : Le site est sur Invision, j'ai essayé de le passer en phpBB2 à la grande révolte des membres qui n'ont pas trouvé l'idée géniale du fait de la présentation. Dommage cela m'aurait donné d'autres possibilités.

par Irina Mer 9 Fév 2011 - 9:24

Je comprends pour la version, une fois que l'on voit que les templates sont modifiables on souhaite souvent passer en BB2, le problème est en effet que lorsque les membres ont pris l'habitude d'une version (style, fonction), difficile de les convertir à une autre Smile

Je les comprends !

Peut être, qu'un jour, dans quelques années les templates seront disponibles sur forumactif pour invision, si cela devient possible.

Pour revenir à nos moutons, voilà ce que je vous propose comme essai :

Dans votre Panneau admin > Affichage > Couleurs > onglet "CSS"

Vous insérez ce code :

Code:: /***** pour modifier le fond des annonces defilantes ****/ .box-content { background-image : url(adresse de votre image); }

Au cas où vous ne connaissiez pas le système,
Je donne quelques éléments d'explications :
Vous savez que pour styliser votre forum, une feuille de style css est attaché à votre forum dans le code html, c'est elle qui détermine le style (couleurs, polices, images etc.). Chaque fois que vous modifiez quelque chose dans votre PA qui correspond à du style (les couleurs par exemple) cela modifie le contenu de la feuille de style CSS et c'est comme ça que les modif du PA s'appliquent au forum.
Mais il y à tellement d'éléments que tout n'est pas modifiable dans le PA. C'est pour cela que forumactif met à votre disposition ce petit encart "feuille de style perso" où vous pouvez insérer directement du code CSS.

Ce que vous écrivez là dedans se met à la suite de la feuille de style CSS qui est liée dans le code html et ainsi les modifications s'appliquent. L'ordre dans lequel sont écrites les choses ont une importance : votre navigateur applique toujours ce qu'il lit en dernier. Voilà pourquoi les modifications que vous faites dans votre feuille de style perso prennent le dessus sur vos réglages dans le PA.

Pour le code en lui même :
ce qui est entre /***** n'a aucune incidence, il s'agit juste d'un commentaire, qui permet de se laisser des notes pour se souvenir de quoi il s'agit. (pas de caractères spéciaux en commentaire)

.box-content = c'est la class (comprenez que c'est une manière de l'identifier) qui correspond à l'intérieur de votre annonce, c'est sur cet élément qu'est défini le fond gris que vous avez actuellement.

{ = cela ouvre le paragraphe où on doit mettre le style que l'on veut appliquer à cette class

background-image : url(adresse de votre image); = si vous comprenez l'anglais, ça signifie "image de fond"

} = on oublie pas de refermer le paragraphe.

____________________

J'espère que c'est clair, n'hésitez pas à demander des précisions. Pensez que la prochaine fois que vous voudrez changer d'annonce et que cette image ne vous plait plus, alors il faudra venir retirer ce code, ou changez l'image, c'est comme vous voulez Smile

Vous pouvez aussi appliquer d'autres choses à cet élément, par exemple mettre une couleur de fond différente plutôt qu'une image, cela se fait avec le code

Code:: background-color: #codecouleurdevotrechoix ;

Cordialement,

par minitub43 Mer 9 Fév 2011 - 9:39

Bonjour Irina et même que cela marche. Un grand bravo et merci.
Je vais maintenant m'attaquer à une autre demande des membres à savoir inclure un fichier de syndication dans le portail mais c'est une autre histoire.

Encore merci et bonne journée.

Image de fond dans les annonces

Image de fond dans les annonces

Re: Image de fond dans les annonces

Re: Image de fond dans les annonces

Re: Image de fond dans les annonces

Re: Image de fond dans les annonces

Re: Image de fond dans les annonces

Re: Image de fond dans les annonces