Probleme avec le header de fond aléatoire

2 participants

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

Résolu Probleme avec le header de fond aléatoire

Message par 14v24 Jeu 1 Juin 2017 - 15:59

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
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/

Description du problème

Bonjour,
Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...

mon css:

J'espère que vous aurez une réponse ~
Merci d'avance


Dernière édition par 14v24 le Ven 2 Juin 2017 - 11:54, édité 1 fois
14v24

14v24
*

Messages : 47
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec le header de fond aléatoire

Message par Shadow Jeu 1 Juin 2017 - 16:57

Bonjour Smile

Avez-vous au préalable suivi les indications de ce tutoriel cité par le membre du sujet mentionné : https://forum.forumactif.com/t223082-banniere-aleatoire-ou-defilante ?

Le javascript est indispensable pour le bon fonctionnement de cette option ::fleur::
Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24354
Inscrit(e) le : 30/03/2007

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

Résolu Re: Probleme avec le header de fond aléatoire

Message par 14v24 Jeu 1 Juin 2017 - 17:01

Bonjour,

Il me semble que ce tutoriel ne s'applique pas aux headers de fond, mais uniquement aux bannières normales, que l'on ajoute via les images... ?
dîtes moi si je me trompe, mais si c'est bien le cas alors cela ne correspond pas à mon problème.

Merci de la réponse rapide, en tous cas Smile
14v24

14v24
*

Messages : 47
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec le header de fond aléatoire

Message par Shadow Ven 2 Juin 2017 - 11:46

.ban1 { background-image: url('ttps://img4.hostingpics.net/pics/628786bann01.png'); z-index:1000!important;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png');z-index:1000!important; }

/* .ban1 { background-image: url('https://2img.net/r/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}*/

Attention, au niveau de votre premier background-image, il vous manque un h Wink

Autant pour moi, effectivement Wink

Dans ce cas, premièrement je vous conseillerai de mettre le script que l'on vous a donné (dans la description de votre site) dans une feuille de javascript, en enlevant les parties <script> autour, ce qui donnerait :

Code:
var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>');

Activer votre feuille java sur toutes les pages Wink La description du forum n'est pas du tout faite pour recevoir des codes js et cela peut engendrer des problèmes sur la suite.

Ensuite, au niveau du css :

Code:
body {
  background-color: #282522;
 
  .ban1 { background-image: url('https://img4.hostingpics.net/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat; z-index: 999;}
  .ban2 { background-image: url('https://img4.hostingpics.net/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
  .ban3 { background-image: url('https://img4.hostingpics.net/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}

}

Pour la petite explication, vos bannières doivent apparaître sur votre body donc être à l'intérieur de son code CSS Wink

J'attends votre retour ::fleur::
Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24354
Inscrit(e) le : 30/03/2007

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

Résolu Re: Probleme avec le header de fond aléatoire

Message par 14v24 Ven 2 Juin 2017 - 11:53

Ouiiiiiiii ça marche !

Un grand merci Shadow !!!

Je passe cette demande en résolue Smile
14v24

14v24
*

Messages : 47
Inscrit(e) le : 03/05/2013

http://heriadel.forumactif.com/
14v24 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