Difference between revisions of "Template:Cover"

From Detective Conan Wiki
(Undo revision 366343 by BOBO (talk))
(Tag: Undo)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<includeonly><span style="background-color:#e6e6e6"><span class="spoiler-text" style="color:#e6e6e6;" onmouseover="this.style.color='#000';" onmouseout="this.style.color='#e6e6e6';">{{{1}}}</span></span></includeonly><noinclude>{{Documentation}}
+
<includeonly>{{code
−
This template permits the insertion of "spoiler information" with a concealed appearance by default; '''the user would have to select the designated chunk of text by highlighting the segment desired to see covered content''' - this works by setting the covered text in the same colour as the background, and as the user highlights it, the background would change, making the specified text visible.
+
|html=%3Cinput%20type%3D%22checkbox%22%20class%3D%22checkbox%22%20id%3D%22%7B%7B%7BUID%7D%7D%7D%22%2F%3E%3Clabel%20class%3D%22spoilerText%22%20for%3D%22%7B%7B%7BUID%7D%7D%7D%22%3E%7B%7B%7Bparam%7D%7D%7D%3C%2Flabel%3E
 +
|param={{{1}}}
 +
|css=
 +
  .checkbox{
 +
        display: none;
 +
    }
 +
   
 +
    .spoilerText {
 +
        background: #909199;
 +
        color: transparent;
 +
        cursor: pointer;
 +
        display: inline;
 +
        text-align: center;
 +
    }
 +
   
 +
    .spoilerText:hover {
 +
        background: #70717a;
 +
        transition: 0.15s;
 +
    }
 +
   
 +
    .checkbox:not(:checked) + .spoilerText
 +
    {
 +
        -webkit-user-select: none; /* Safari */
 +
        -ms-user-select: none; /* IE 10 and IE 11 */
 +
        user-select: none; /* Standard syntax */
 +
    }
 +
   
 +
    .checkbox:checked + .spoilerText {
 +
        background: #e3e3e5;
 +
        color: #000;
 +
        transition: 0.15s;
 +
    }
 +
}}</includeonly><noinclude><pre>{{cover|The culprit is Gosho Aoyama}}</pre>
  
−
Despite the clunky method utilised to attain this effect, this mechanism is the most troubleless and uncomplicated one (as there is no need to modify CSS):
+
Results in {{cover|The culprit is Gosho Aoyama}}
−
 
 
−
<pre>{{Cover|The culprit is Gosho Aoyama}}</pre>
 
−
 
 
−
Results in {{Cover|The culprit is Gosho Aoyama}}
 
  
 
[[Category:Templates]]
 
[[Category:Templates]]
 
</noinclude>
 
</noinclude>

Latest revision as of 08:03, 7 June 2025

{{cover|The culprit is Gosho Aoyama}}

Results in

Retrieved from "https://www.detectiveconanworld.com/wiki/index.php?title=Template:Cover&oldid=387245"