Carousel superposé par une forme (courbe dans cet exemple)

Bonjour à tous,
Je me présente : Yao

Tout nouvellement inscrit sur ce forum, je vous présente mes hommages du soir (ben oui, il est 20h )
Possesseur de WA4, lorsque WARC est paru, je me suis jeté dessus... et j'avoue que son ergonomie me convient totalement.

J'ai une question pour qui pourra m'aider :
Comment créer un carousel, superposé par une forme. Une courbe dans l'exemple ci-joint (voir image jointe)
On a donc un menu avec une ligne dessinée (dont une courbe) avec ombre et un carousel défilant dessous.


Par avance, je vous remercie de toute aidée apportée.

Bonjour Yao et bienvenue sur sur le forum Ellade

WA responsive n'est pas prévu pour faire des superpositions mais on peut peut être (je dis bien peut-être) mettre en place en y ajoutant du css, tout ça dépend de ce que tu as en main, ton carousel, est-ce un carousel WARC ou un carousel ajouté dans un composant code.

Et pour pouvoir aider plus efficacement ce serait bien que tu nous donnes l'adresse de la page mise en image car le code source pourrait nous en dire plus sur les possibilités de mise en place.

Cordialement

Hello,

Je pensais utiliser le carousel de WARC (si cela est possible)

Je ne voulais pas divulguer l'adresse du site trouvé, mais comme je voudrais faire un site à la manière de... je trouve l'effet plus qu'intéressant.
Voici l'Url : (url supprimé)

Merci pour toute aide.

Super, bon j'ai vu, comme c'est un site autre j'ai retiré l'url.

J'avais commencer à tester avec WArc , ton lien m'a permis de finaliser le teste avec cette même image.

Bonne nouvelle ça marche très bien dans WARC, il faudra par contre mettre l'image qui viendra sur le diaporama dans un composant code placé juste au-dessus de ton diaporama avec ce code :

Code:

<div>
<img  style="position:relative;top:100px;z-index:2000;" alt="" class="wa-image-component " src="wa_files/monimage.png">
</div>

Là j'ai mis pour "top:100px" c'est là que tu fera ton réglage par rapport à la hauteur de l'image, tu mettras moins si ça descend trop sur le diaporama ou plus si ça ne descend pas assez.
Et bien sur tu remplaceras l'adresse de l'image par l'adresse de ton image, le z-index est important c'est lui qui permet de passer devant le carousel.

NICKEL IMPECCABLE.....

ça marche....

Y'a plus qu'à peaufiner tout cela... mettre un menu, etc...


SUPER GRAND MERCI

Par contre méfie toi quand tu es sur le mode mobile l'image risque de descendre trop bas sur le diaporama si c'est le cas il faudra masquer cet effet en version mobile

Oui, en effet...
Du coup, souvent, je crée ou duplique la box, et l'adapte à la version XS, tout en appliquant un masquage adéquat.
Le principal étant d'avoir cette base de travail... pour le reste, il suffira de bosser un peu.

Il est certain que je mets le Forum Ellade dans mes signets favoris.

PS : Un de ces 4, je soumettrai (si ce n'est point abuser) un autre projet de mes qui me tient à coeur : le Menu comme dans ce site (Gala)

Merci c'est sympa

Tu peux mettre ton sujet en résolu, pour cela remonte sur ton premier message, clic sur "Editer" clic sur l'icône vert "Résolu" et clic sur "Envoyer"

@ + et bonne continuation