Difference between revisions of "User:Tsutomu25/sandbox/Cover2"

From Detective Conan Wiki
(Examples)
Line 17: Line 17:
 
  width: 100%;
 
  width: 100%;
 
  height: 100%;
 
  height: 100%;
 +
pointer-events: none;
 +
user-drag: none;
 +
-webkit-user-drag: none;
 
  -webkit-user-select: none; /* Safari */
 
  -webkit-user-select: none; /* Safari */
 
  -ms-user-select: none; /* IE 10 and IE 11 */
 
  -ms-user-select: none; /* IE 10 and IE 11 */
Line 39: Line 42:
 
  opacity: 0;
 
  opacity: 0;
 
  transition: 0.3s;
 
  transition: 0.3s;
  -webkit-user-select: none; /* Safari */
+
  -webkit-user-select: none;
  -ms-user-select: none; /* IE 10 and IE 11 */
+
  -ms-user-select: none;
  user-select: none; /* Standard syntax */
+
  user-select: none;
 
}
 
}
  

Revision as of 19:56, 22 August 2025

It hides the given input of spoiler text and reveals them when the user clicks on them. It takes two values. One is the name of the spoiler and another one is the actual spoiler text. Every time the template is used, every element has to have a unique id and class. Hence spoiler name is required.

Usage

The following is a list of required parameters:

{{User:Tsutomu25/sandbox/Cover2|<spoiler name>|<spoiler text>}}

Limitations

  • When the template is used multiple times on the same page, only one spoiler can remain visible at a time. If the user reveals another spoiler, the previously opened one will automatically be hidden.
  • The hyperlinks are not clickable when used inside the template.

Examples

Result is The weapon is Knife

Result is The motive is Love

Result is The culprit is Gosho Aoyama