[Résolu] Affichage image background full screen (twentyfourteen-child/404.php) (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #541613
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.9.2
    – Version de PHP/MySQL : OVH (?)
    – Thème utilisé : Twentyfourteen-child
    – Extensions en place : relevanssi,
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://tst.allwewish.org

    Problème(s) rencontré(s) : J’essaie de mettre en place une background image sur ma page 404 et ça coince. Je suis parti des classes déjà définie dans twentyfourteen-child. Je l’ai reprise dans l’enfant et modifiée comme suit mais ça ne marche. Le problème est certainement tout bête mais je n’ai pas encore trouvé la solution.

    .error404 .page-content {
    margin:0;
    padding:0;
    background: url(images/BlnkLight.jpg) no-repeat center fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    }

    Un exemple de page 404: http://tst.allwewish.org/?cat=88
    Est-ce-que quelqu’un pourrait regarder et m’expliquer ce qui coince? J’ai également un soucis avec l’affichage du logo dans le top menu (en haut à gauche). Je me demande si les deux sont liés?

    Je croise les doigts pour un peu d’aide.
    A bientôt

    #970496
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Aucune idée?

    #970497
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonsoir.

    Dans quel dossier/répertoires sont tes images (ton logo et ton background)

    Cordialement

    #970498
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Bonsoir Philyon,
    Merci pour ton aide! J’ai pu vérifier les adresses des dossiers et résoudre le problème du logo. Le problème du background persiste par contre.
    L’image se trouve ici:
    J’ai fait quelques modifs dans le css pour voir si le problème ne venait pas de la classe:

    #main-404 {
    margin:0;
    padding:0;
    background: url(« http://tst.allwewish.org/wp-content/themes/twentyfourteen-child/images/BlnkLight.jpg ») no-repeat center fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    }

    J’ai aussi retiré le reste du code pour voir si rien ne recouvrait l’image…
    A voir ici, la page malheureusement blanche: http://tst.allwewish.org/?p=8889

    J’espère que tu pourras m’aider,
    Bonne soirée,
    Tche

    #970499
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Ok, maintenant ça fonctionne. L’image semblait apparaitre lors du chargement pour disparaitre ensuite.
    Elle est restée affichée quand j’ai défini sa hauteur et sa position (relative)
    Styles.css

    #main-404 {
    margin:0;
    padding:400px 600px 50px 50px;
    background: url(« http://tst.allwewish.org/wp-content/themes/twentyfourteen-child/images/BlnkLight.jpg ») no-repeat center fixed;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    height: 1300px;
    position: relative;
    }

    Merci quand-même
    Bon dimanche!

    #970500
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Pourquoi ne mets-tu pas ton image dans le dossier uploads ce qui donnerait ce code :

    background: url(« http://tst.allwewish.org/wp-content/upload/BlnkLight.jpg ») no-repeat center fixed;

    #970501
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Si tu la fais par l’Admin ça ferait ça pardon (à vérifier) :

    background: url(« http://tst.allwewish.org/wp-content/uploads/2014/09/BlnkLight.jpg ») no-repeat center fixed;

    #970502
    Tche
    Participant
    Chevalier WordPress
    182 contributions

    Oui merci, je l’ai chargée en ftp… ça me parait mieux organisé et plus simple si je passe par des sprites… j’aurai toutes les images du thème (à rassembler) au même endroit.

8 sujets de 1 à 8 (sur un total de 8)
  • Vous devez être connecté pour répondre à ce sujet.