WebSite X5Help Center

 
Dominique V.
Dominique V.
User

Chevauchement de blocs  fr

Autor: Dominique V.
Visitado 1485, Seguidores 1, Compartilhado 0  

Bonjour,

Je souhaite savoir comment faire chevaucher deux blocs texte ou un bloc texte et un bloc image. J'ai beau voi le guide je ne trouve pas.

Voir modèle en pièce jointe.

Merci pour votre réponse.

Cordialement

Dominique VAN-DAMME

Prenez soin de vous et de vos proches

Publicado em
18 RESPOSTAS - 1 ÚTIL
JiPeR 48
JiPeR 48
Moderator
Usuário do mês FR

Hello Dominique,

Il n'y a pas de pièce jointe au message... Pour les P.J. respecter :

Pièce jointe : (jpg, png, gif, IWZIP, taille maximale zip 1024Ko)

ou mettre directement l'image sur ton prochain message en utilisant l'icône :

@Suivre,

J.P.

Ler mais
Publicado em de JiPeR 48
Dominique V.
Dominique V.
User
Autor

Désolé J.P

voici le modèle

Bonne réception.

Dominique

Ler mais
Publicado em de Dominique V.
JiPeR 48
JiPeR 48
Moderator
Usuário do mês FR

Salut Dominique,

Il est très tard et je n'ai plus le temps de tester la chose. 

Je ne sais pas si on peut faire le même effet avec WX5. En attendant regarde du côté du Style des lignes où on peut afficher une image avec du texte "par dessus" :

La cellule texte est normale, et l'image est dans le style des lignes. Mais l'image va prendre toute la largeur de la page normalement. Je me suis inspiré du modèle "Friends" disponible dans la bibliothèque des modèles gratuits du logiciel. Si je trouve une idée je passe te l'indiquer dès que possible. Ou un utilisateur avisé qui sait faire...   ;o))

@+,

J.P.

Ler mais
Publicado em de JiPeR 48
Dominique V.
Dominique V.
User
Autor

J.P bonsoir,

Ok j'ai vu et oui c'est déjà bien, mais il faudrait que je puisse réussir à faire comme le modèle, le client me le demande.

Je fais de mon côté des essais, mais rien ne marche pour le moment.

J'espère avoir bientôt un retour de chez vous avec la solution ou que vous pourrez le mettre lors d'une prochaine mise à jour.

Merci.

Dominique

Ler mais
Publicado em de Dominique V.
JiPeR 48
JiPeR 48
Moderator
Usuário do mês FR

Salut Dominique,

Je n'ai pas trouvé d'autre solution pour le moment, le modèle étant fait avec Mobirise qui a sa propre collection de blocs personnalisés. 

Il est possible, si tu le souhaites, d'ouvrir le sujet en "IDEE" (je peux le faire en changeant le statut de la page) pour demander ce type de présentation graphique dans une future mise à jour du logiciel. Mais sans garantie de délai de la part d'Incomedia.

Ou peut-être qu'un technicien du support aurait une idée pour le faire ? 

@ te lire, bonne continuation,

J.P.

Ler mais
Publicado em de JiPeR 48
Dominique V.
Dominique V.
User
Autor

Bonjour J.P.,

Merci pour l'info et oui je veux bien ouvrir le sujet en "IDEE".

Peux-tu le faire ou je comment faire ?

Bonne journée.

Dominique

Ler mais
Publicado em de Dominique V.
JiPeR 48
JiPeR 48
Moderator
Usuário do mês FR

Hello Dominique,

C'est fait... La page est en "IDEE". A savoir que le Support ne répond pas toujours aux idées lancées, mais les demandes sont lues et transmises aux développeurs de la société. 

Mais les résultats sont parfois longs à venir...cry... Donc s'armer de patience en attendant une mise à jour ou une solution trouvée par un autre utilisateur doué pour le codage, ce qui n'est pas mon cas... snif... pour faire ce type de présentation.

J'ai également signalé la page au Support.

Bon week-end,

J.P.

Ler mais
Publicado em de JiPeR 48
Axel  
Axel  
User

Hello,

Je prends le train en marche.tongue-out

A mon avis pas possible nativement, car justement tout est géré par "block".

Mais je pense que cela doit pouvoir se faire en CSS pour changer la position du block

Je vais essayé de regarder durant le WE si je trouve quelque chose dans ce sens.

Bonne récolte d'oeufs à tous.

Enjoy!
Axel

Ler mais
Publicado em de Axel  
Dominique V.
Dominique V.
User
Autor

Axel bonjour,

Merci pour ton engagement.

Je regarde aussi de mon côté.

Bon week

Dominique

Ler mais
Publicado em de Dominique V.
Axel  
Axel  
User

Bingo

Moi j'ai cela

Tu dois identifier le nom de la cellule dans ton projet par un inspect (Chrome). Ici imCell_13

Ensuite dans le propriétés de la page dans la partie 'Avancées', tu ajoutes:

Simple et efficace.

Enjoy !

Axel

Ler mais
Publicado em de Axel  
Dominique V.
Dominique V.
User
Autor

Axel rebonjour,

merci pour ta rapidité, je vais essayer de mon côté,

je suis en train de préparer un site pour un client et je vais enfin pouvoir lui montrer ce qu'il voulait.

Encore merci et je te tient au courant.

Cordialement

Dominique

Ler mais
Publicado em de Dominique V.
Dominique V.
Dominique V.
User
Autor

Axel bonsoir,

Je viens de passer une bonne partie de l'après-midi pour faire l'essai qui a réussi en format pleine page.

Mais dès que je fais le responsive, plus rien ne marche.

Voici les captures d'écran

Je ne comprends pas comment modifier, j'ai essayé de modifier aussi les médias, mais rien, je pense que je dois faire une erreur quelque part.

Désolé de te poser ce problème, mais je suis nouveau sur ce logiciel, je l'avais depuis longtemps, mais je mis met que maintenant, un peu tard oui.

Merci pour ton aide.

Cordialement

Dominique

Ler mais
Publicado em de Dominique V.
Axel  
Axel  
User

Il faut jouer avec les media queries en CSS pour détecter la taille de l'écran ou de la fenêtre !

https://www.alsacreations.com/article/lire/930-css3-media-queries.html

Cela donne par exemple

et

et

Mais il faut aussi en profiter dans le CSS pour changer la taille de ton objet (ici le texte en orange)

Pour avoir ses résultats voila le code CSS à la place du précédent (juste pour le placement de l'objet sur l'autre)

<style>

@media screen and (min-width: 480px) {

#imCell_14 { /* Nom de la cellule */

z-index: 3; /* Image au premier plan */
left: -100px; /* Décalage vers la gauche */
}
}

@media screen and (min-width: 720px) {

#imCell_14 { /* Nom de la cellule */

z-index: 3; /* Image au premier plan */
left: -150px; /* Décalage vers la gauche */
}
}

@media screen and (min-width: 1150px) {

#imCell_14 { /* Nom de la cellule */

z-index: 3; /* Image au premier plan */
left: -200px; /* Décalage vers la gauche */
}
}

</style>

Enjoy!

Axel

Ler mais
Publicado em de Axel  
Dominique V.
Dominique V.
User
Autor

Axel bonsoir,

Merci pour ton exemple je prends note et j'essai demain car pour ce soir je dois arrêter.

Je te donne le résultat dans la journée de demain.

Merci encore et bonne soirée.

Dominique

Ler mais
Publicado em de Dominique V.
Axel  
Axel  
User

Hello,

Pour tester le mode responsive tu peux utiliser le preview de WSX5 mais aussi celui de Chrome une fois ton site exporté.

Tu cliques droit sur la page de ton site et tu choisis 'inspect' dans le menu en bas

et ensuite dans la fenêtre inspect tu peux faire cela comme ici

et même configurer toi même un device !

Et tu peux ajouter l'extension position inspector pour les coordonnées des objets

Enjoy !

Axel

Ler mais
Publicado em de Axel  
Dominique V.
Dominique V.
User
Autor

Axel bonjour,

Merci pour ton dévouement, il me rend bine service.

J'ai donc fait ce que tu m'a expliqué et tout est OK pour moi. Juste des petits réglages en fonction des données mises en place.

Voici des captures d'écran

Pour moi c'est parfait et je vais aussi voir pour ta dernière explication pour faire des devices moi même.

Mais pour ça il me faudra je pense un peu plus de temps pour tout comprendre.

En tout cas pour le moment j'avance bien et cela grace à toi.

Encore merci.

Là ce que je fais avec les baleine c'est un entraienement pour moi et pour montrer à un client ce que je peux lui faire et ensuite j'attaque son site complet.

Bonne fin de journée.

Dominique

Prends bien soin de toi et de tes proches

Ler mais
Publicado em de Dominique V.
Axel  
Axel  
User

Si cela peut t'aider alors tant mieux.wink

Attention aussi de ne pas tout afficher dans le mode responsive. il faut peut être cacher certains objets.

en fonction de la taille de ton écran tu peux dans WSX5 cacher/afficher des éléments soit dans le header/footer ou même dans les pages.

Ici pour une page donnée !

Enjoy!

Axel

Ler mais
Publicado em de Axel  
Dominique V.
Dominique V.
User
Autor

Axel rebonjour,

oui j'avais déjà réussi à voir et à comprendre la fenêtre adaptatif.

Et j'ai aussi testé la présentation en modifient les emplacements de départs, ce qui m'a permis de modifier la mise en page directement en passant du PC au Mobile.

Bien cordialement

Dominique

Ler mais
Publicado em de Dominique V.