WebSite X5Help Center

 
Rohit H.
Rohit H.
User

Buttons view issue  en

Autor: Rohit H.
Besucht 2117, Followers 1, Geteilt 0  

I tried to implement a button style which gets displayed on left side of my web site, on all pages.

it is working perfectly fine if i run the code in a test html file.

However, as soon as i implement the same in my website it displays nothing at all.

What could be the problem.

Help out

here is the code

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style> #mySidenav a {position: absolute;left: -70px;transition: 0.3s;padding: 15px;width: 100px; text-decoration: none;font-size: 14px;font-weight: bold;color: white;border-radius: 0 5px 5px 0;} #mySidenav a:hover {left: 0;} #WhatsApp {top: 100px;background-color: green;} #contact {top: 185px;background-color: #555} #email {bottom: 185px;background-color: blue;} #about {bottom: 100px;background-color: blue;} </style></head><body><div id="mySidenav"><a href="https://wa.me/9155555555555" id="WhatsApp">Msg-Us <img src="whatsApp.png" alt="whatsApp" width="42" height="42" align="right"></a><a href="tel:+91555555555" id="contact" target="_blank">Call Us <img src="phone.png" alt="callUs" width="42" height="42" align="right"></a><a href="mailto:***" id="email">Email Us <img src="email.png" alt="callUs" width="42" height="42" align="right"></a><a href="#" id="about">About <img src="aboutus.png" alt="callUs" width="42" height="42" align="right"></a></div></body></html>

Regards

Gepostet am
2 ANTWORTEN - 1 NüTZLICH
John S.
John S.
User

Hello Rohit

See this example here : http://eksempelsite.dk/information-buttons.html

You have the code shown - ready to copy and paste.

When you want the button on all pages, you put the code in the 1 settings / Statistic SEO and code - expert ( before closing the head tag )

You can see an example here : http://calendarforum.dk/

In the last example the code is put in the SEO, and therefore the calendar can be seen on all pages.

Using this method makes it possible to put an object outside the page-area and also to make it sticky.

Last example  is an iframe that is put in a div.

Mehr lesen
Gepostet am von John S.
Rohit H.
Rohit H.
User
Autor

thanks a ton.

it is now showing the buttons which i wanted on all my pages

Regards

Rohit

Mehr lesen
Gepostet am von Rohit H.