WebSite X5Help Center

 
Mandar V.
Mandar V.
User

Video play on the backgroung and transperant menu.  en

Auteur : Mandar V.
Visité 273, Followers 1, Partagé 0  

Hi there,

A kind request to visit this website - https://www.reethibeach.com/

Similar to this, the client wants the first page. The video should auto-play & menu should be exactly like this website. 

Please help me to do so. 

Regards

Mandar

Posté le
4 RéPONSES - 1 UTILES
Giancarlo B.
Giancarlo B.
User

in the example the opacity is 0.5 but you can vary it as you like

#imHeaderBg {opacity: 0.5 !important;z-index: 1000;}

Lire plus
Posté le de Giancarlo B.
Mandar V.
Mandar V.
User
Auteur

Thank you Giancarlo B.

I'll try it your way. 

Regards

Lire plus
Posté le de Mandar V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Mandar V.
Hi there, A kind request to visit this website - https://www.reethibeach.com/ Similar to this, the client wants the first page. The video should auto-play & menu should be exactly like this website.  Please help me to do so.  Regards Mandar

(It > En) ... you can get a result almost similar to your LINK without using EXTRA codes...
1) - put the StickyBar by applying the transparency options;
2) - reset the HEADER, as "Esahc .."  indicated, > here;
3) - in the first row put a single cell spanning the entire width of the row and contain the Content-Slider Object;
4) - you can create the Content-Slider Object without backgrounds or with transparent backgrounds and with only the text of the slides;
5) - in the first line put the background video as expected from the available options;
.... in this case the line will be of fixed height...
... done, easier done than explained...
_______________________________________________

... if you want the exact same effect as your LINK, with video in FullPage,. ... then you would need to add my exclusive EXTRA code for Experts, easily integrated with a simple and immediate Copy/Paste...
... in this case if you are interested in having the video with slider in FullPage, you must post the LINK of your example online, so that I can evaluate it, and if you do, I will return here...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪