WebSite X5Help Center

 
Mandar V.
Mandar V.
User

How to create this website banner?  en

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

Please visit this website on a PC or a laptop.

https://www.myloancare.in/

Client suggested me to create sane banner with buttons of Personal loan, Hoam loan, credit card, loan against peoperty etc. 

Please suggest me how shall I go for it?

Thanks in advance. 

Regards

Mandar

Posté le
7 RéPONSES
John S.
John S.
User

You should NOT use the sticky bar.

Instead you should make the header sticky.

Then you will have the same

Lire plus
Posté le de John S.
John S.
John S.
User

Not sticky - fixed

Lire plus
Posté le de John S.
John S.
John S.
User

The code could be something like this

<style>
#imHeader {
position: fixed;
width: 100%;
top: 0px;
}

</style>

You will maybe have to set an offset for anchors if you use anchors

Lire plus
Posté le de John S.
John S.
John S.
User

The code should be in: 

1- statistics and code

And then code:

Then it will function for all pages.

Lire plus
Posté le de John S.
John S.
John S.
User

Oh -sorry did not read youur question correct.

It will require special code.

Or maybe you could use the web-animator.

If it would be OK with a non-responsive background you could use 3 coulums of clickable-images in 5 rows and then have a row-format background for the clickable-images

Lire plus
Posté le de John S.
Mandar V.
Mandar V.
User
Auteur

Dear John S. 

Five times thank you, each for one reply. 

Will try it as you suggested. 

With regards

Mandar

https://www.mandarvaidya.com

Lire plus
Posté le de Mandar V.
John S.
John S.
User

I think that whatever solution you choose, you will have to use special code if you want the site to look very similar.

I would suggest that you consider to use the WebAnimato program to make an eye-catching effect for the loan-buttons.

I have an example here: https://bramminginfo.dk/bramny03/ribe-vikingecenter.html#Anker02

The example has absolutely nothing to do with loan-buttons - it is just an example of what can be made with WebAnimator. And it is quite simple. 

Where I use the WebAnimator. Notice the little car moving when the first menu-choice is made.

You can make the scene responsive and then make 3 or 4 different versions suitable for resolutions from desktop to mobile.

You should maybe not use the animation object in X5, but instead export it as html - and then use the generated html page to show in an iframe.

You will then need some code to control where the animation should be shown (in which iframe) and which animation should be shown - all dependend on the actual screen resolution.

There is also other alternatives you could present for your client.

Here I have an example of images as buttons:http://eksempelsite.dk/information-buttons.html

You can have the loan-button-images shown as icons and when hovered they expand with text. Like the telephone icon.

They can be placed to the right or/and to the left.

Advantage with this solution is that they will be useable on every viewpoint, as the don't take up much space - and then they will be informational when hovered.

Unless your client is the owner of the site and he just want a new web-bureau, then it should not be attractive to have a site that is just a copy of another site. It could have some elements the same, but your client should want a better and more inventive site, than his competitor.

Present him for good/better alternatives, is my advice

Lire plus
Posté le de John S.