Chevauchement de blocs
Author: Dominique V.
Visited 1451,
Followers 1,
Shared 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
Posted on the
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.
Author
Désolé J.P
voici le modèle
Bonne réception.
Dominique
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.
Author
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
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.
Author
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
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...... 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.
Hello,
Je prends le train en marche.
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
Author
Axel bonjour,
Merci pour ton engagement.
Je regarde aussi de mon côté.
Bon week
Dominique
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
Author
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
Author
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
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
Author
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
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
Author
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
Si cela peut t'aider alors tant mieux.
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
Author
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