Managing & Customizing Your VITA Site 6.4.2, May 2023, p. 13
The following text may have been generated by Optical Character Recognition, with varying degrees of accuracy. Reader beware!
An example of a custom, interactive header would include things like formatting, overlaid imagery, or “buttons” that mimic your organizational header or provide a custom set of interactive features for your digital collections site. The VITA Toolkit Help site has an interactive header. We loaded the Help site banner to VITA and then call that banner image URL in the header field code as well as linked images for contact and to link to the VITA Toolkit website. The code (not all shown here) looks like this: __|the colour of the background of the page as a whole. Header: ||<div style="float: right;"><span title= href="https://data.vitatoolkit.ca" targe’ ogin to VITA Toolkit"><a 2 '_blank" style="color: in title="Email for help"><a lailto:help@vitatoolkit.ca" style=" elves #345C88; "><img http: //images .ourontario.ca/Partners/ODW/0DW003287909. jpg” width="75px"/></a></span></div><img http: //vitacollections.ca/glib/ODW_DigitalTree_125_trans.gif" "15@px" padding-bottom="2@px" style="float: left;"/><h2 center; padding-top: 2@px; padding-bottom: 2@px; padding-right: 14@px; text-transform: uppercase;"><a href="http://help.vitatoolkit.ca">VITA Toolkit Help</a></h2> If this is left blank an em ‘ we ge 4 table of the class "PageHeader” is left at the top of the <body>. This pre: Talk to us if you would like to customize your header and are not sure how to proceed. Remember: Any content added to the header input box will overwrite the static uploaded banner graphic. You must point to the banner image URL in order to have a graphic display on the public site.