accueil.php plein écran

  • WordPress :5.2
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2260371
    eric.cassagnabere@wanadoo.fr
    Participant
    Initié WordPress
    23 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.2
    • Thème utilisé : DIVI
    • Extensions en place :
    • Nom de l’hébergeur : O2SWITCH
    • Adresse du site : http://eric-cassagnabere.com

    Problème(s) rencontré(s) :

     

    Bonjour,

    J’aimerai avoir une image plein ecran sur ma page d’accueil (entre autre..). J’ai pour cela c crée un fichier accueil.php qui fonctionne impec en local. Je crée un template que je choisis pour page d’accueil..et là, tout a l’air d’aller bien..sauf que tout n’occupe plus le plein écran ?! il reste 10%de libre sur la droite..

    Avez vous une idée ?

    D’avance, merci,

     

    <?php
    /*
    Template Name: Accueil
    */
    ?>
    
    
    <!doctype html>
    <html>
       <head>
        	<meta charset="utf-8">
    		<title>Accueil</title>
    		<meta name="description" content="Page contact de petite entreprise" >
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<link rel="stylesheet" media="screen" type="text/css" href="style.css">
       
       
       <STYLE>
        .cadre {
    width: 250px;
    height: 175px;
        }
        div {
      position: absolute;
    }
    #fonddecran {
     position: fixed;
     top: 0;
     left: 0;
    }
    .touteLaLargeur {
     width: 100%;
    }
    .touteLaHauteur {
     height: 100%;
    }
        @media screen and (max-width: 1024px) { /* Le traitement est ici spécifique à l'image */
     img.fondecran {
     left: 50%;
     margin-left: -512px; /* 50% */
     }
    }
    
    </STYLE>
    </head>
    <body>
    
    
    <img src="/wp-content/uploads/img/FOND.jpg" id=fondecran class=fondecran alt=/>
    
    
    
    <script type="text/javascript">
    $(window).load(function() { 
     var theWindow = $(window),
     fond = $(#fondecran),
     ratioImage = $bg.width() / $bg.height();
     function redimensionnerFond() {
     //On comparer le ratio de l'image à celui de la fenêtre
     if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
     $fond.removeClass().addClass('touteLaHauteur');
     } else {
     $fond.removeClass().addClass('bgwidth');
     }
     }
     //On lie cette fonction au redimensionnement de la fenêtre et on déclenche l'événement
     theWindow.resize(redimensionnerFond).trigger(resize);
    });
    </script>
    
    
       </body>
    </html>

    #2260419
    eric.cassagnabere@wanadoo.fr
    Participant
    Initié WordPress
    23 contributions

    Pas de réponse…

    #2260426
    PhiLyon
    Modérateur
    Maître WordPress
    23101 contributions

    Bonjour.

    Si c’est à la place du fond noir que tu veux une image pourquoi ne pas le faire ici

    .et_pb_section_0.et_pb_section {
        /* background-color: #141414 !important; */
    	background-image: url("ton image");
    }

    🙂

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