How to add an activatable button to my page

How to add an activatable button to my page

Z zabra1 17 Apr 2024 02:00

I really love the press the button on screen to see the level concepts of level 610, how do i make something like that?

Re: How to add an activatable button to my page

Error012 17 Apr 2024 02:57

At the top of your page:

[[module CSS]]
.light-switch-button a.collapsible-block-link {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: rgb(var(--black-monochrome));
  color: rgb(var(--white-monochrome));
  padding: 0.3em 1em;
  box-shadow: 0 0.3rem 0.5rem rgba(0,0,0,0.4);
  font-size: 150%;
  transform: translateY(-0.2rem);
  transition: 0.3s;
  text-decoration: none
}
.light-switch-button a.collapsible-block-link:hover {
  transform: translateY(0);
  box-shadow: 0 0.1rem 0.5rem rgba(0,0,0,0.4);
  text-decoration: none
}
[[/module]]

I recommend that you check and change the [[collapsibles]], because by putting this code, such parts will be affected and replaced by this button.

Last edited on 17 Apr 2024 03:00 by Error012 Show more

Re: How to add an activatable button to my page

Z zabra1 18 Apr 2024 02:41

Thanks a lot dude!!!