Bonjour chers CSS Activiens ^^

J'ai besoin de votre aide car j'ai mis un script sur mon forum qui au final déforme la résolution de mon forum.

Mon forum est question est celui ci : http://www.starwarsdestiny.net/

Le script que j'ai mis est un script permettant le défilement automatique de mes headers toutes les 10 secondes.
J'ai suivi le tutoriel ici : http://forum.forumactif.com/t223082-banniere-aleatoire-ou-defilante

Ainsi, j'ai créée ma page Javascript avec le code pour le défilement d'images avec les url de mes headers.

Le problème c'est que le défilement fonctionne mais mon forum est déformé car j'ai une barre en bas me permettant de défilement de gauche à droite alors qu'avant non.

Pouvez vous m'aider s'il vous plais ?

Cordialement,
Lola.

Bonsoir et bonne année

La barre de défilement apparaît parce que tes bannières sont larges et le forum s'adapte à la largeur de tes bannières. Je ne peux que supposer que ton écran est moins large que ton forum. L'apparition de la barre de défilement est ici un comportement tout à fait normal.

Si tu veux régler ce souci, il va falloir installer les bannières sur le fond de page plutôt qu'en image, à l'inverse de ce qui est fait dans le tutoriel. =)

Dans ton javascript, cela se résume à remplacer cela :

Code:

b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};

Par ceci :

Code:

b=function(){$("body").css("background-image","url('"+a[Math.floor(Math.random()*a.length)]+"')")};

Au lieu de prendre le logo du forum et de changer l'attribut src de l'image, on prend le body et on lui ajoute un background-image.

Puis un peu de CSS pour placer correctement les bannières...

Code:

body {
  background-repeat:no-repeat; /* annule la répétition de l'image */
  background-position:top center; /* place en haut au centre */
}
#i_logo {
  width:500px;
  height:471px; /* hauteur d'une bannière */
}

Enfin, il n'y a plus qu'à t'assurer que dans la gestion des images de ton panneau d'administration, le logo du forum est une image vide.

Olala mercii énormément ça marche *o* !!

Bravo à toi et merci beaucoup pour ton aide ^^

Bonne et heureuse année à toi également !

Cordialement,
Lola.

Hello !
Puisque c'est résolu, je classe !
Merci de l'avoir signalé