WebSite X5Help Center

 
Steve B.
Steve B.
User

Wavy line mask  en

Автор: Steve B.
Просмотрено 1111, Подписчики 1, Размещенный 0  

Hi, my customer wants the first photo on the site and the colour backgrounds below to have a wavy line (see photo). What would be the easiest way to achieve this. There isn't a mask for wavy lines within the software.

Thanks in advance.

Размещено
7 Ответы - 4 Полезно
Franz-Josef H.
Franz-Josef H.
Moderator

These instructions describe how such effects can be set up for rows. Maybe it will help you.

Читать больше
Размещено От Franz-Josef H.
Giuseppe Guida
Giuseppe Guida
User

Hello, sorry for my english, I'm italian. In the ROW STYLE use the "Image List" function in the "Background" section and then in "View" you have to select "Images superimposed on each other". First insert the image of the mask with waves in PNG and then below it the photo that will be the background. The effect is what you see in my screenshot. I attach you the project with my example below so you can open it in your software and understand how I set all the parameters.

Best regards

Читать больше
Размещено От Giuseppe Guida
Steve B.
Steve B.
User
Автор

Hi Giuseppe, that is exactly what I need, could you please send me the png of the mask so I can use in my project?

Many thanks.

Читать больше
Размещено От Steve B.
Giuseppe Guida
Giuseppe Guida
User

Hi Steve, I sent you some PNG wave masks by e-mail. Good work

Читать больше
Размещено От Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

If you want to get a more professional, SVG and responsive wave effect (the waves adapt to various resolutions) then you need to use some extra code in an HTML object (adding the appropriate code both in the HTML section and in the CSS section) like I did in my example:


https://www.bozzasito001.altervista.org/svg-waves02/

Ciao

Читать больше
Размещено От Giuseppe Guida