Manual:Small padlock icon
This page is obsolete. It is being retained for archival purposes. It may document extensions or features that are obsolete and/or no longer supported. Do not rely on the information here being up-to-date. For information on the current implementation, please read Help:Page status indicators . |
If you want to use the small padlock icons which are used on protected pages on wikipedia, here is how to make them. You first must download the icons and upload them to your wiki.
Testing
[edit]First lets test it out.
Add the following code into any page.
<div style="position:absolute; z-index:50; right:25px; top:5px;" class="metadata topicon" id="featured-star">
[[file:Padlock-red.svg|25px]]
</div>
Changing it
[edit]<div style="position:absolute; z-index:50; right:25px; top:5px;" class="metadata topicon" id="featured-star">
These change where the icon appears on the page.
[[file:Padlock-red.svg|25px]]
This changes the image.
[[file:Padlock-red.svg|25px]]
This changes the size of the image. 25px is recommended as its the same size as wikipedia.
[[file:Padlock-red.svg|25px|Mouse over message]]
This makes a message appear when the mouse is over the icon.
Automatically appearing when a template is on the page
[edit]To make the small icon appear when a template is placed on the page, put the code for the small icon at the top of the template, and it will be added to a page when the template is placed on the page.
Only showing the icon when a template is on a page
[edit]To do this, make a template, for example, lets call it {{protectsmall}}. When making this template, only add the code to the template and save. Now, when you add {{protectsmall}} it will only make a small icon appear.
Note
[edit]By adding a small icon or a protected template to a page does not mean its protected. Only users with the protect permission can protect pages.
Demo
[edit]Demo code:
<div style="position:absolute; z-index:50; right:25px; top:5px;" class="metadata topicon" id="featured-star">
[[file:Padlock-red.svg|25px|This is the demo icon]]
</div>