Un deuxième fond possible ?

par Yolandi Sam 7 Nov 2015 - 19:31

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://redmutantchoir.forumgratuit.fr/

Description du problème

Bonjour ou bonsoir, selon l'heure o/ j'aimerais savoir s'il est possible d'avoir un deuxième fond du forum, sachant que mon header est déjà en fond (4 images aléatoires).
Donc j'aimerais mettre une image qui ferait tout le fond du forum derrière cet header, merci d'avance !

par Feuilla' Sam 7 Nov 2015 - 19:48

Bonsoir,
ces sujets vous aideront : Wink

https://forum.forumactif.com/t331385-2-images-pour-le-fond
résolu

https://forum.forumactif.com/t283042-probleme-css-deux-images-en-background
Bonne soirée !

par Yolandi Sam 7 Nov 2015 - 20:10

https://i.servimg.com/u/f21/17/65/90/58/rdfghj10.jpg tout le fond du forum est blanc comme montré dans l'image après que j'ai mis le lien du premier code donné '.'
(Depuis, j'ai retiré le code du css)
J'ai essayé le deuxième lien et le soucis est que l'image passe par dessus l'header (qui est en image de fond)

par Yolandi Lun 9 Nov 2015 - 0:12

up o/

par Yolandi Lun 9 Nov 2015 - 20:07

J'ai édité o/ Désolée pour ce manque de politesse, ce n'était pas par manque de respect (sinon il n'y aura pas eu de "merci" à la fin du message), mais simplement un oubli '.' merci pour cette remarque Smile

par Invité Lun 9 Nov 2015 - 22:25

bonsoir yolandi

et avec ceci proposé par no_way sur un autre sujet il y a quelques temps , pour un forum en phpbb2>>

Code:: body { margin-top: 0px; margin-left: 2px; margin-right: 2px; background: url("lien image logo") no-repeat scroll 50% 50px, url("lien image de fond") repeat fixed 0% 0%; }

je ne sais pas comment vous avez intégrer votre logo , (un javascript)!! ou un lien !!

si c'est avec un java ,peut etre mettre une image vide a la place de lien d'image logo
>> image vide >>https://2img.net/i/fa/empty.gif

qui ne tente rien n'a rien Wink

par Yolandi Lun 9 Nov 2015 - 23:01

Il s'agit d'un javascript (afin de faire défiler les header aléatoirement) ^^
Alors, j'ai essayé et comme pour le code du tout premier lien, le fond du forum est totalement blanc, mais en plus cela décale un peu l'emplacement de l'header :hum: par contre, bizarrement, je vois l'image de fond apparaître 1 seconde avant que le fond devienne blanc '.'

par Invité Lun 9 Nov 2015 - 23:46

le script de la bannière dois influé sur le body,
désactivé votre script en décochant toutes les cases , et retenter avec le code donné (n'oublier pas de mettre les 2 liens image cette fois ci )pour voir si c'est bien lui qui fait bugué.

par Yolandi Mar 10 Nov 2015 - 0:37

Alors, oui, lorsque je désactive le Javascript (que voici,

Code:: $(function() { var a = [ "http://i18.servimg.com/u/f18/17/65/90/58/ceedsc10.jpg", "http://i18.servimg.com/u/f18/17/65/90/58/cqndpp10.jpg", "http://i18.servimg.com/u/f18/17/65/90/58/gavpla10.jpg", "http://i18.servimg.com/u/f18/17/65/90/58/lpnspp10.jpg" ]; $("body").css("background-image",'url("'+a[Math.floor(Math.random() * a.length)]+'"),url("http://i18.servimg.com/u/f18/17/65/90/58/sans-t12.gif")') });

)

Cela apparaît comme il faut, cependant, j'aimerais conserver la possibilité d'avoir plusieurs headers qui varient aléatoirement '.'

par Yolandi Jeu 12 Nov 2015 - 18:31

up ^^ !

par Yolandi Ven 13 Nov 2015 - 19:01

up o/ !

par Invité Ven 13 Nov 2015 - 20:29

Bonjour,

Pourquoi ne pas mettre un id(nommé "background" par ex) au body par les templates et ensuite y déclarer la propriété background comme importante?

Code:: #background { background: /* ... */ !important; }

Ou encore tout simplement essayer de le déclarer directement via la balise html body:

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" style="background: ...... !important;">

A voir

Cordialement.

par Yolandi Ven 13 Nov 2015 - 20:57

Après avoir essayé, en fait ça déforme la première image, même si encore une fois, je vois l'image de fond apparaître avant que la première image la couvre :/

par Yolandi Dim 15 Nov 2015 - 0:32

up o/ !

par Invité Mer 18 Nov 2015 - 14:13

Bonjour,

Il faudrait peut-être utiliser autre chose que le body,je pense à la balise html avec l'id #min-width:

Code:: html#min-width { background:url(http://www.wallpapereast.com/static/images/Wallpaper-HD-11F1.jpg) no-repeat left top, url(http://2img.net/i/bl/logo.png) no-repeat right top !important; }

J'ai testé cela fonctionne seulement au lieu de mettre left,right,top etc.. il faudrait mettre en pourcentage: x% y% (ou pas) pour régler pus facilement.Plus d'infos ici sur la position:

- https://developer.mozilla.org/fr/docs/Web/CSS/background-position

Bon courage.

par Yolandi Mer 18 Nov 2015 - 17:43

ça a marché, merci beaucoup ** ! Et merci aussi aussi à Feuilla' et aussi à toi R-Max ^^ !!

Un deuxième fond possible ?