The PHP Metadata Toolkit - Documentation
Keywords: JPEG Metadata Application Segments APP0 APP1 APP2 APP3 APP12 APP13 APP14 EXIF DCF XMP RDF Photoshop IRB IPTC DCMI JFIF

# The PHP JPEG Metadata Toolkit - Documentation

Go to Documentation - Home

## Customising the HTML look via style sheets

Below is a list of style classes which have been used in the HTML for the PHP JPEG Metadata Toolkit. These allow the look of the output HTML to be changed via the use of cascading style sheets.

There are two ways to do this:

1. Embedded Style sheets
2. External Style sheets

### Examples

Both of the following two sections would cause the following visual effects:

- The page will have a dark grey background colour (#505050)
- The default text colour for the page will be off-white (#F0F0F0)
- Links (Anchors) will be orange
- Main headings for the EXIF section will be red
- Secondary headings for the EXIF section will be orange
- The outer border of the Tables for the EXIF section will be a thin dark yellow (#909000) solid line

#### Embedded Style Sheets

Include the following in the <HEAD> section of the HTML page:

            <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
            <STYLE TYPE="text/css" MEDIA="screen, print, projection">
            <!--
                    BODY { background-color:#505050; color:#F0F0F0 }
                    a  { color:orange  }
                    .EXIF_Main_Heading { color:red }
                    .EXIF_Secondary_Heading{ color: orange}
                    .EXIF_Table {  border-collapse: collapse ; border: 1px solid #909000}
            -->
            </STYLE>

#### External Style Sheets

Include the following in the <HEAD> section of the HTML page:

            <link rel=StyleSheet href="style.css" type="text/css">

Create an external file called "style.css" containing the following:

            BODY { background-color:#505050; color:#F0F0F0 }
            a  { color:orange  }
            .EXIF_Main_Heading { color:red }
            .EXIF_Secondary_Heading{ color: orange}
            .EXIF_Table {  border-collapse: collapse ; border: 1px solid #909000}

### Cascading Style Sheets Class List

Any of the following classes may be used to customise the look of the html output from the PHP JPEG Metadata Toolkit

- JPEG_Intrinsic_Main_Heading
- JPEG_Intrinsic_Table
- JPEG_Intrinsic_Table_Row
- JPEG_Intrinsic_Caption_Cell
- JPEG_Intrinsic_Value_Cell

- JPEG_APP_Segments_Main_Heading
- JPEG_APP_Segments_Table
- JPEG_APP_Segments_Table_Row
- JPEG_APP_Segments_Caption_Cell
- JPEG_APP_Segments_Type_Cell
- JPEG_APP_Segments_Size_Cell

- XMP_Main_Heading
- XMP_Secondary_Heading
- XMP_Table
- XMP_Table_Row
- XMP_Caption_Cell
- XMP_Value_Cell

- JFIF_Main_Heading
- JFIF_Table
- JFIF_Table_Row
- JFIF_Caption_Cell
- JFIF_Value_Cell
- JFIF_Thumbnail

- JFXX_Main_Heading
- JFXX_Text
- JFXX_Thumbnail
- JFXX_Thumbnail_Link

- JPEG_Comment_Main_Heading
- JPEG_Comment_Text

- Picture_Info_Main_Heading
- Picture_Info_Caption_Text
- Picture_Info_Value_Text

- Photoshop_Main_Heading
- Photoshop_Table
- Photoshop_Table_Row
- Photoshop_Caption_Cell
- Photoshop_Value_Cell
- Photoshop_Thumbnail
- Photoshop_Thumbnail_Link

- IPTC_Main_Heading
- IPTC_Table
- IPTC_Table_Row
- IPTC_Caption_Cell
- IPTC_Value_Cell

- EXIF_Main_Heading
- EXIF_Secondary_Heading
- EXIF_Table
- EXIF_Table_Row
- EXIF_Caption_Cell
- EXIF_Value_Cell
- EXIF_First_IFD_Thumb
- EXIF_First_IFD_Thumb_Link
- EXIF_Minolta_Thumb
- EXIF_Minolta_Thumb_Link
- EXIF_Casio_Thumb
- EXIF_Casio_Thumb_Link
- EXIF_Makernote_Small_Heading
- EXIF_Makernote_Text