Image Polomatic

CSS Style Overview

  • imgPolomatic_univBlue
  • imgPolomatic_medBlue
  • imgPolomatic_lightBlue
  • imgPolomatic_gray
  • imgPolomatic_orange
  • imgPolomatic_biege
  • imgPolomatic_black
  • imgPolomatic_white
  • imgPolomatic_gadient
  • imgPolomatic_left (optional)
  • imgPolomatic_right (optional)

 

This style emulates the instant photos of the 1960's and 70's where Poloroid and Instamatic cameras were introduced to the masses.  The images have the border around them with the option to place a caption under each image.

It uses the figure caption style to add the content and should be formatted using the 'figure' option for OmniUpdate users.  To add text you need a 'figure caption' to be included.

The HTML Code Example:

<figure>

        <img src='image_source' alt='alternate text' />

        <figcaption>Image text goes here</figcaption>

</figure>

CSS Style

imgPolomatic_univBlue

with

imgPolomatic_left

Titans Basketball Court

caption goes here

CSS Style

imgPolomatic_medBlue

with

imgPolomatic_right

3D printing at CSUF

CSS Style

imgPolomatic_lightBlue

Students return to school

Captions are optional

CSS Style

imgPolomatic_gray

Graduation Day

CSS Style

imgPolomatic_orange

President at Titan's Basketball

CSS Style

imgPolomatic_beige

Happy Graduate

CSS Style

imgPolomatic_black

CSUF Staff, Faculty, and President

CSS Style

imgPolomatic_white

Class at CSUF

CSS Style

imgPolomatic_gradient

Students cheer at sporting event