Template:GalleryBoxGray

{{{header}}}
Logo.jpg
 

GalleryBox Instructions

GalleryBox templates are a set of boxes that include image galleries for use on various AboutUs pages designed to be easily added and understood by users and staff without having to know (or see) advanced MediaWiki syntax or HTML. They are a companion to the AboutUsBasicBox templates. See below for instructions.

Color Variants

There are five color variations for the GalleryBox templates, which use proven web-safe colors. Additionally, the {{GalleryBoxGray}} template allows for customizing the colors via passed parameters:

Basic uses

There are two parameters needed to be passed in the template call:

  • header = header text
  • list of images, with captions. The images are listed individually by line with a "|" symbol at the beginning of each line, and one between the image and the caption.

Example:

{{GalleryBoxRed
| header = Box header here
| Image:Assad Butt.jpg|Image caption 1
| Image:Brandon_CS_Sanders_Caricature.jpg|Image caption 2
| Image:ObedSohailCaricature.jpg|
| Image:Ted_Ernst_char.jpg|Image caption 4
| Image:Blank.jpg|
| Image:Blank.jpg|
}}

Results:

Box header here
Image caption 1
Image caption 1  
Image caption 2
Image caption 2  
ObedSohailCaricature.jpg
 
Image caption 4
Image caption 4  
Blank.jpg
 
Blank.jpg
 

NOTES:

  • If you don't want to include a caption, just add a "|" after the image name. (See in the third image in the example above.) Not having a "|" will cause the template to break.
  • In cases where you want to fill out a row, a "filler" image has been created: Image:Blank.jpg.
  • GalleryBox templates is limited to a maximum of 30 images.

Intermediate uses

In addition to the basic uses, users can specify border (border is the same color as the header) if wanted.:

  • border = border; defaults to 0px if not present

Example:

{{GalleryBoxBlue
| header = Box header here
| border = 2px
| Image:Assad Butt.jpg|Image caption 1
| Image:Brandon_CS_Sanders_Caricature.jpg|Image caption 2
| Image:ObedSohailCaricature.jpg|Image caption 3
| Image:Ted_Ernst_char.jpg|Image caption 4
}}

Results:

Box header here
Image caption 1
Image caption 1  
Image caption 2
Image caption 2  
Image caption 3
Image caption 3  
Image caption 4
Image caption 4  


Advanced uses

For advanced users, the {{GalleryBoxGray}} offers a variety of customizations, please note, for best compatibility, use web-safe colors like those found on the W3 Schools website:

  • header-color = specify color for header; defaults to dark gray if not present. Note: Supports the AboutUsColorTemplates as well as hex colors.
  • body-color = specify color for body style (can be same as header for mono-toned boxes); defaults to light gray if not present. Note: Supports the AboutUsColorTemplates as well as hex colors.
  • width = sets the width (in pixels) of images shown. For four images per row, use 116; three per row, use 164; two images per row, use 261. NOTE: In "preview mode" these sizes won't show correctly, but will once you save the page.
  • height = sets the height (in pixels) of each image. Since the GalleryBox templates are primarily designed for logos which mostly are longer, the height it set by default at 75, but for other types of images that are more square or taller, use the image width setting above as a guideline.
  • lines = among of lines for the captions. Again, generally, the GalleryBox are designed for use with logos, which mostly would only require a single line caption. Adjust this number to 2, 3 or more for photo galleries with long captions.

Example:

{{GalleryBoxGray
| header = Box header here
| header-color = {{DarkPurple}}
| body-color = {{Purple}}
| border = 3px
| width = 116
| height = 116
| lines = 3
| Image:Assad Butt.jpg|Image caption 1
| Image:Brandon_CS_Sanders_Caricature.jpg|Image caption 2 with a
really long caption that goes three lines.
| Image:ObedSohailCaricature.jpg|Image caption 3
| Image:Ted_Ernst_char.jpg|Image caption 4
}}

Results:

Box header here
Image caption 1
Image caption 1  
Image caption 2 with a really long caption that goes three lines.
Image caption 2 with a really long caption that goes three lines.  
Image caption 3
Image caption 3  
Image caption 4
Image caption 4  


Credits

A good majority of the leg work for the GalleryBox templates goes to some of the fine template designers for other MediaWiki installations, including Wikipedia. A modified version of the Template:Gallery from WikiMedia.org was the genesis of the AboutUsGalleryBox project. Since this template was put there from another source there's probably no way to find the originators, but all work was released and provided by GDFL or Creative Commons free licenses. We appreciate the creativity and work involved by everyone who had a hand in the Template:Gallery process.