Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

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

Résolu Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par Akesato le Jeu 3 Mar 2016 - 15:42

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 mars 2016
Lien du forum : http://strong-world.forumactif.com/

Description du problème

Bonjour,

Alors j'ai vu des sujets similaire pour des images de fond, hors moi ça serait vraiment pour le logo du forum, sachant qu'il y a un code javascript pour que celui-ci change :

http://one-piece-rpg.com/

Code:
$(function() {
       
          var a = ["http://img11.hostingpics.net/pics/629415LogoOPSW.png", "http://img4.hostingpics.net/pics/288248LogoOPSW2.png","http://img4.hostingpics.net/pics/288248LogoOPSW2.png"];
       
          $("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
       
        });

J'aimerai donc savoir s'il était possible que l'image de fond s'adapte à la taille de l'écran sans la scrollbarre, j'ai bien essayer des codes CSS mais rien n'a marché jusqu'à présent, et comme je suis plutôt pas doué avec les templates, j'ai pas osé y toucher.

Merci d'avance.


Dernière édition par Akesato le Ven 11 Mar 2016 - 22:21, édité 2 fois

Akesato
Nouveau membre

Messages : 24
Inscrit(e) le : 03/01/2014

http://strong-world.forumactif.com/
Akesato a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par MlleAlys le Jeu 3 Mar 2016 - 18:21

Bonjour,
Ajoutez le code suivant à votre feuille de style css :
Code:
#i_logo {
    width: 100%;
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par Akesato le Ven 4 Mar 2016 - 20:55

Mon dieu j'avais déjà mi ce code et ça n'avait pas marcher O_O
Peut être parce que je l'avais mis au début...

Akesato
Nouveau membre

Messages : 24
Inscrit(e) le : 03/01/2014

http://strong-world.forumactif.com/
Akesato a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par MlleAlys le Sam 5 Mar 2016 - 8:21

Normalement l'ordre ne devrait pas empêcher le code de fonctionner, cela peut jouer si :
- il y a plusieurs codes qui se contredisent : dans ce cas celui pris en compte est le dernier dans la feuille de style
- il y a une faute dans l'un des codes : dans ce cas, le code en question mais aussi tout ceux qui suivent peuvent ne pas être pris en compte par le navigateur qui ne comprend plus l'enchainement à cause de l'erreur.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par Akesato le Sam 5 Mar 2016 - 13:14

Ah d'accord donc je dois avoir une erreur dans mon CSS :hum:
Comment on peut trouver l'erreur ?

Akesato
Nouveau membre

Messages : 24
Inscrit(e) le : 03/01/2014

http://strong-world.forumactif.com/
Akesato a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par Walt le Sam 5 Mar 2016 - 15:47

Bonjour,

Vous pouvez essayer avec cet outil : http://csslint.net/

Cordialement,

Walt
Modéractif
Modéractif

Masculin
Messages : 1020
Inscrit(e) le : 08/09/2015

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

Résolu Re: Logo de fond qui s'adapte à la taille de l'écran sans scroll barre [Résolu]

Message par Akesato le Dim 6 Mar 2016 - 0:13

Ah je connaissais pas merci Smile
Bon je parle pas anglais mais j'ai eut :
CSS lint found 0 errors and 88 warnings. How can you fix it? See the details below.
Au moins j'ai pas d'erreur x)

Akesato
Nouveau membre

Messages : 24
Inscrit(e) le : 03/01/2014

http://strong-world.forumactif.com/
Akesato a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum