[Résolu] Création de parallax sur twetyseventeen en css ou autre (Créer un compte)

  • WordPress :6.6
  • Statut : résolu
  • Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par Nant Aveyron, le il y a 6 mois.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2481824
    Nant Aveyron
    Participant
    Initié WordPress
    37 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : v8.0
    • Thème utilisé : twentyseventeen-enfant
    • Extensions en place : YoaYoast SEO plugin v23.5
    • Nom de l’hébergeur : ovh
    • Adresse du site en sous-domaine : https://nantaveyron.nantaveyron.fr

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

    Sur la page d’accueil twenty seventeen du sous-domaine il y a au début une image en parallax et j’aimerai reproduire la même chose ailleurs sur la page et dans le site et pas forcément en entête mais dans la même largeur.

    J’ai créé un parallax plus bas sur la page d’accueil du site, mais il ne couvre pas l’entière largeur de la page c’est là mon problème.

    Avez vous une solution avec du css si possible ou autre ?

    Merci beaucoup d’avance pour vos réponses.

    • Ce sujet a été modifié le il y a 6 mois et 2 semaines par mathieu42.
    • Ce sujet a été modifié il y a 6 mois et 1 semaine par Flobogo. Raison : déplacé en rubrique "thèmes"
    #2482037
    mathieu42
    Participant
    Maître WordPress
    2025 contributions

    sur cette page je vois les 3 autres images qui sont bien sur toute la largeur de la page. votre souci est résolu ?

     

    #2482101
    Nant Aveyron
    Participant
    Initié WordPress
    37 contributions

    Bonsoir,

    J’ai trouvé une solution qui me fait utiliser une extension, parallax-image.1.9.zip,  qui ne fonctionne pas sur mobile.

    Et c’est pour ça que j’avais demandé s’il y avait une solution avec un code additionnel mais à priori personne ne savait parce qu’on ne m’a pas répondu.

    J’ai vu un site avec le thème zakra qui avait un parallax qui fonctionne sur mobile mais c’est peut être du code.

    Merci et bonne soirée

     

    #2482186
    Nant Aveyron
    Participant
    Initié WordPress
    37 contributions

    Non mais est ce que vous avez vu mon souci ?

    Bonne soirée.

     

    #2482366
    Nant Aveyron
    Participant
    Initié WordPress
    37 contributions

    Bonjour,

    Je donne la solution que j’ai trouvée pour avoir un parallaxe sur toute la largeur de la page même sur les mobiles qui était ma question.

    HTML sur une page en code court :

    <div class= »parallax »><width= »50% » height= »300″></div>

     

    CSS dans CSS additionnel :

    .parallax {
    width: 2000px;
    margin-left: -360px;
    margin-right: 0px;
    min-height: 300px;
    padding: 0px;

    background-image: url(« https://millauvisite.fr/wp-content/uploads/2023/01/visite-pont-lerouge-millau.webp »);

    height: 20vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    }


    @Flobogo
    quand vous déplacez un sujet dites le parce que je l’ai cherché pendant une heure

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