FANDOM


Template documentation (for the above template, sometimes hidden or invisible)

This template can be used on user and user talk pages to display an image that will remain in the same position even when the page is scrolled. Parameters:

  • one unnamed parameter, the only required one - if the image is uploaded to this wiki, use the file name. Otherwise, use a direct URL to the image, and use the width and height parameters instead of size (see below for an example). (Currently, height is not working.)
  • top - the distance (in px) between the image and the top of the page.
  • right - the distance (in px) between the image and the right side of the page.
  • bottom - the distance (in px) between the image and the bottom of the page.
  • left - the distance (in px) between the image and the left side of the page.
  • size - allows you to resize the image. Defaults to full size. Can be specified by width or height.

Examples:

  • {{Fixed image|NickBCU.png|size=130|bottom=0|left=10}} - image at the bottom left of this page.
    Amethysttt.png
  • {{Fixed image|JojoBCU.png|top=50|left=0|size=130}} - image at the top left of this page.
    PearlWizIsGay.png
  • {{Fixed image|Piña Colada S2E3.png|right=0|bottom=25|size=150}} - image at the bottom right of this page.
    Astronaut Pearl by Drawendo.png
  • {{Fixed image|Cecilia Style A Papa's Taco Mia HD.png|top=50|right=5|width=125}} - image at the top right of this page.
    Amethyst_by_princesssilverglow.png

You can hide all images that use this template by adding the following to your CSS:

/* Hide [[Template:Fixed image]] */
.fixed-image-template {display:none;}

You can make all such images hideable on click by adding the following to your javascript:

 //Removing fixed images on click
 $(".fixed-image-template").click(function () {
   $(this).hide(500, function () {
     $(this).remove();
   });
 });

Visit Template:Fixed image/doc to edit this text! (How does this work?)
Community content is available under CC-BY-SA unless otherwise noted.