Customizable Templates
The Customizable Templates are now just two files - p_home.html and p_sub.html. These files replace the original templates for the 5 palettes (see
http://www.library.yale.edu/fdc/usingnewtemplates.html), the different colors scheme are set by style sheets.
This version has several divisions, the layout is controlled by the style sheet yul_layout.css. The theme colors are controlled by selecting one of these style sheets: yul_01.css, yul_02.css, yul_03.css, yul_04.css, yul_05.css.
Here are the major parts of the Template Home page (bold indicates locations that are customizable for your site):
- <!--#include virtual="/fdincludes_xhtml/p_docclaim.html"-->
- <title>Yale University Library: title of page</title>
- <!--#include virtual="/fdincludes_xhtml/dept_p_style.html"-->
- <!-- Add or change style for this page here -->
- <!-- Insert Metatags, Javascripts, etc. for this page that belong between <head></head> here-->
- <!-- left column graphic: can change, image size is width 27px height 134px -->
<div id="img_left_top"><img src="img_left_top.jpg" alt="Decorative
image" /></div>
- <!-- header image: need to change, image size is width 647px height 75px -->
<div id="img_top_header"><img src="top_header_title.gif" alt="Department
Header" usemap="#YUL" /></div>
- <div id="top_strip"></div>
- <!-- right column graphic: can change, image size is width 100px, height
550px -->
<div id="img_right_large"><img src="img_right_large.jpg" alt="Decorative Image" /></div>
- <div id="qlink">Quick Link</div>
- <div id="hmcontent">
- <div id="content">Enter Main Content Here</div>
- <!--
news graphic, can hange image size width 110px height 86px -->
<div id="img_news"><img src="hm_news03b_elctrncresrc.gif" alt="News
about this library" /></div>
- <div id="hm_news">Your News Content</div>
- <!--#include virtual="/fdincludes_xhtml/dept_p_footer.html"-->
In the Template sub page, some changes of above code include:
- #7 is subheader image
<!-- header image: need to change, image size is width 647px height 63px -->
<div id="img_top_header_sub"><img src="top_header_title_sub.gif"
usemap="#sub" alt="Department Name " /></div>
This is combined with #06 into <!--#include virtual="/fdincludes_xhtml/dept_p_header.html"-->
- #8 decorative space <div id="top_strip"> is replaced with <div id="top_strip_mainlink"> for
main menu
- #10 <div id="qlink"> for Quick Link is replaced by <div id="sublink"> for
sub menu (at different location)
- #11 <div id="hmcontent"> which include content, img_news, hm_news, footer is replaced
by <div id="subcontent"> which only content content_s and footer
- #12 <div id="content"> is replaced by <div id="content_s">, no predefined<h2>, <p>, <a>
properties in style sheet
- no #13, #14 for news image and content