Template:nophoto

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
(added a border using the bounding span's style; darkened the color a little bit and added a shadow for greater contrast against the background image text; unfortunately there's still some overlap)
(simplify code; shorten default message)
Line 1: Line 1:
-
{{#setvar:nophoto_message|Please contribute to the wiki by uploading a file to replace this placeholder.}}<!--  
+
<!-- /* store link target in a variable */
-
  /* store message in a variable */
+
-->{{#setvar:nophoto_link|{{SERVER}}{{#if:{{{filename|}}}|{{localurl:Special:Upload|wpDestFile={{{filename}}}}}|{{localurl:Special:Upload}} }} }}<!--  
-->{{#setvar:nophoto_link|{{SERVER}}{{#if:{{{filename|}}}|{{localurl:Special:Upload|wpDestFile={{{filename}}}}}|{{localurl:Special:Upload}} }} }}<!--  
-
  /* store link target in a variable */
 
-
--><div style="width: {{{1|150px}}}; position: relative;"><!--
 
   /* source: https://stackoverflow.com/questions/44275502/overlay-text-on-image-html */
   /* source: https://stackoverflow.com/questions/44275502/overlay-text-on-image-html */
-
--><span style="width: 100%;">[[Image:Nophoto.PNG<!--
+
--><div style="width: {{{1|150px}}}; position: relative;">[[Image:Nophoto.PNG<!--
   -->|{{{1|150px}}}<!--
   -->|{{{1|150px}}}<!--
   -->|{{#var:nophoto_message}}<!--
   -->|{{#var:nophoto_message}}<!--
-
   -->|link={{#var:nophoto_link}}<!--
+
   -->|link={{#var:nophoto_link}}]]
-
-->]]</span><!--
+
<div class="plainlinks" style="box-sizing:border-box;width:{{{1|150px}}};padding:10px;position:absolute;bottom:0px;left:0;text-align:center;font-size:90%;line-height:1.3">[{{#var:nophoto_link}} <span style="color:#FF5555; text-shadow: 1px 1px black;">{{{caption|Click here to upload an image}}}</span>]</div></div><includeonly>[[Category:Articles Needing Images]]</includeonly><noinclude>
-
--><span style="position: absolute; bottom:5px; left:5px; right:5px;"><center><small><!--
+
-
  --><span class="plainlinks">[{{#var:nophoto_link}} <span style="color:#FF5555; text-shadow: 0px 0px 3px black;">{{#var:nophoto_message}}</span>]</span><!--
+
-
--></small></center></span><!--
+
-
--></div><includeonly>[[Category:Articles Needing Images]]</includeonly><noinclude>
+
This template is used to mark items that expect a photo but do not have them.
This template is used to mark items that expect a photo but do not have them.

Revision as of 02:56, 27 December 2022

This template is used to mark items that expect a photo but do not have them.

These are added to the Articles Needing Images category.

Usage

  • To add an image with a default width of 150px:
{{nophoto}}
  • To add an image with a width of 100px:
{{nophoto|100px}}
  • To link to a specific desired filename:
{{nophoto|filename=newCoolPic.PNG}}
  • To enter a caption meant for the image to help future editors:
{{nophoto|caption=witty description goes here}}
  • These options can be combined:
{{nophoto|100px|filename=newCoolPic.PNG|caption=witty description goes here}}
Personal tools