Managing & Customizing Your VITA Site 6.4.2, May 2023, p. 12
The following text may have been generated by Optical Character Recognition, with varying degrees of accuracy. Reader beware!
Update the screen. Your banner image will preview on this screen. Reinitialize public site to apply your new banner. © Stop using this banner peroad new Parner: We strongly recommend Banner alignment: © left @ center © right This change can only be seen in the public Sites, [Banner background colour: ttt [frreere HEADER The header field offers you the option to add custom code to the banner space of your screen. This means you can simply apply some default code for linking your header back to the home screen and allowing auto-resizing OR write code to embed an interactive banner. To apply default code to your banner so that it is not just a static image, you can copy and paste the following into your header field and customize the link “href=" and ensure the image is your banner “img src=". Default header content: <a href="[yoursiteURL]"><img src="[yourbannerURL]" style="width: 100%;" alt="Your Site Name"></a> e.g. <a href="https: /limages. ourontario. cainewmarketgallery/"><img src= L_s_134.jpg"” style="width: 100%; " alt="Newmarket Public Library - Digital Art Gallery"></a> The banner URL is automatically provided at the bottom of the screen notes for your header field Header: | <a href="http: //images.ourontario.ca/WestNipissing/"><img | src="http: //images .ourontario.ca/Partners/MSRH/graphics/MSRH s_205.jpg" width="100%" ‘alt="West Nipissing Ouest-Our liistary"s</a> If this is left blank an empty table of the lass "PageHeader” is left at the top of the <body>. This presents the banner. mss = aa and scales effectively. mate Beoter allows for more complex html to be supplied at the head of every page in the site, in the inate ee itis luired. Having uploaded the banner, you can call it in yOur alternate header using the following address: ic 1_s_205.jpg 12