Skip to Main Content
Library Home   :
Click to open/download a PDF of Full Library Calendar in a new window2024-2025 Hours

LIBRARY TECHNICAL SERVICES

Web Development and Maintenance  

Archives & Special Collections Webpage editing

description  URL ID notes
[main page] https://library.chatham.edu/archives 1256418 JS/CSS includes code for Hamburger/mobile js (mobile) menu - works on first (main) page only 
Digital Collections https://library.chatham.edu/archives/collections 1161747 the main body is an iframe (https://www.jk3.xyz/asc/custom-filter/index2.html) - it is backended by an SQL/PHP database (see Updating Digital Collections)
Finding Aids https://library.chatham.edu/archives/fa 1162094

static page with external link to: https://archives.library.chatham.edu/repositories/resources (click staff interface to edit)

Resources https://library.chatham.edu/archives/resources 1162122 static page with ext links
Exhibits https://library.chatham.edu/archives/exhibits 1162126 static page with ext links

 


ILLiad Web editing

Identify File
page function URL
Main page,
aka https://chatham.illiad.oclc.org/illiad/,
(https://chatham.illiad.oclc.org/illiad/illiad.dll?Action=10&Form=10)
ILLiadMainMenu.html
request (...form=22) ArticleRequest.html
book request (21) LoanRequest.html
chapter (23) BookChapterRequest.html
conf paper (24) ConferencePaperRequest.html
patent (25) PatentRequest.html
report (26) ReportRequest.html
thesis (27) ThesisRequest.html
standarduls (28) StandardsDocumentRequest.html
mutimedia (32) MultimediaRequest.html
Update profile (81) include_nav.html
User Information& ChangeUserInformation.html
above Blue Band Header/Logo include_head.html
Blue Band menu include_nav_search.html
Footer include_footer.html

Download File (SFTP)

Test Local Notepad or other editor - remember, it will look dfferent in the local setting

Upload File (SFTP)

Test Live

Libquide/Newsletter PDF

Newsletter page in Libguide editor

Click on : New Year
Create New Page (Year Span, ie. 2022-2023)
Click Add Box
    Name: 2022-2023 Library Newsletters
    Type: Tabbed
    Click the 'wheel' icon in upper right of box
    Type Fall & YEAR, click create
    Thpe Spring & Following Year, click create
    Click Save Positions
    Click Close
        Add Document/File
        Title it
        Select File, Upload
        Right-mouse click, copy file location (it'll be something like https://library.chatham.edu/ld.php?content_id=73816790"
        Paste url into "..."

<iframe src="https://library.chatham.edu/ld.php?content_id=73816790" width="800" height="4000" frameborder="0" allowfullscreen webkitallowfullscreen msallowfullscreen></iframe>

alter height as needed

Remove hyperlink

Adding to Spring Issue to Prexisting box

Newsletter

Library Main Page

HEADER

   HOURS

GUIDES>LOOK AND FEEL>HEADER
match the "tips" with upcoming date[#]:
...
tips[1]='Open 1-9pm'
tips[2]='Open 8:30am-10pm'
tips[3]='Open 8:30am-10pm'
tips[4]='Open 8:30am-10pm'
tips[5]='Open 8:30am-10pm'
tips[6]='Open 8:30am-5pm'
tips[7]='CLOSED'
...
Also, copy and paste into FOOTER

 

SEARCH TABS

<div align="center">
  <!-- EBSCO Search Box Begins -->
   
  <style type="text/css">
  .ebsco-single-search *,.ebsco-single-search *::before,.ebsco-single-search *::after{box-sizing:border-box;font:inherit;margin:0}
  .ebsco-single-search input,.ebsco-single-search button,.ebsco-single-search select{margin:0}
  .eb-search-container{display:flex;flex-flow:row wrap;line-height:1.5}
  .eb-search-container>*{flex:1 100%;padding:12px}
  .eb-search-container__title{font-weight:400;font-size:1.5em;letter-spacing:-.05em;text-align:center}
  .eb-search__box>*{flex:1 100%;line-height:normal}
  .eb-search__box{border-radius:.25em;display:flex;flex-wrap:wrap;font-size:1.25em}
  .eb-search__input-bquery{background:#fff;border:1px solid #002f56;border-bottom-color:transparent;border-radius:.25em .25em 0 0;padding:.75em}
  .eb-search__input-bquery:focus{color:#333}
  .eb-search__submit-button{-webkit-appearance:button;background:#002f56;border:1px solid #002f56;border-radius:0 0 .25em .25em;box-shadow:0 2px 4px 0 rgba(0,0,0,.20);color:#FFFFFF;cursor:pointer;overflow:visible;padding:.5em 1.25em;text-align:center;white-space:nowrap}
  .eb-search__submit-text{display:inline-flex;overflow:hidden}
  .eb-filter-container{padding-bottom:0}
  .eb-search__label{align-items:center;display:inline-flex;white-space:nowrap;width:100%}
  .eb-search__input{height:1.1em}
  .eb-search__span{padding:0 .5em}
  .eb-adv-search{padding-right:1em;text-align:right;white-space:nowrap}
  a.eb-adv-search__link{text-decoration-skip-ink:auto}
  .eb-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
  .eb-search-container__has-select .eb-search__search-prefix{background-color:#fff;border-radius:.25em 0 0 .25em;margin-bottom:.75em;position:relative}
  .eb-search-container__has-select .eb-search__search-prefix:after,.eb-search__search-prefix:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}
  .eb-search-container__has-select .eb-search__search-prefix:before{right:0;width:1.75em}
  .eb-search-container__has-select .eb-search__search-prefix:after{border-bottom:2px solid #000;border-right:2px solid #000;height:.5em;margin:auto;right:.75em;transform-origin:center right;transform:rotate(45deg);width:.5em;z-index:2}
  .eb-search-container__has-select .eb-search__select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #002f56;border-radius:.25em;box-shadow:none;color:#000;height:100%;padding:.5em 1.75em .5em .75em;width:100%}
  .eb-search-container__has-select .eb-search__select:focus{color:#000}
  .eb-search-container__has-select .eb-search__select::-ms-expand{display:none}
  html[dir="rtl"] .eb-search__select {padding: .5em .75em .5em 1.75em}
  html[dir="rtl"] .eb-search__search-prefix:before{left:0;right:inherit}
  html[dir="rtl"] .eb-search__search-prefix:after{left:.75em;right:inherit}
  @media only screen and (min-width: 768px) {
  .eb-search-container{padding:.75em}
  .eb-search__box{flex-wrap:nowrap;height:2.8em;box-shadow:0 2px 4px 0 rgba(0,0,0,.20)}
  .eb-search__input-bquery{border-bottom-color:#002f56;border-radius:.25em 0 0 .25em;border-right-color:transparent;width:100%}
  .eb-search__submit-button{border-radius:0 .25em .25em 0;box-shadow:none;flex:0 0 auto}
  .eb-filter-container{flex:1;padding-left:1em;padding-bottom:.75em}
  .eb-search__label{width:auto}
  .eb-search-container__has-limiter .eb-adv-search{flex:0 0 auto}
  .eb-search-container__has-select .eb-search__search-prefix{flex:1 0 auto;margin-bottom:0}
  .eb-search-container__has-select .eb-search__select{flex:0 0 auto;border-radius:0}
  .eb-search-container__has-select .eb-search__search-prefix:nth-of-type(1) .eb-search__select{border-radius:.25em 0 0 .25em}
  .eb-search-container__has-select .eb-search__input-bquery{border-left-color: transparent;border-radius:0}
  .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(1) > .eb-search__select{border-right-color: transparent}
  html[dir="rtl"] .eb-search__input-bquery{border-radius:0 .25em .25em 0;border-left-color:transparent;border-right-color:inherit}
  html[dir="rtl"] .eb-search__submit-button{border-radius:.25em 0 0 .25em;border-left-color:inherit;border-right-color:transparent}
  html[dir="rtl"] .eb-search__select{border-radius:0 .25em .25em 0;border-right-color:inherit}
  html[dir="rtl"] .eb-search-container__has-select .eb-search__input-bquery{border-radius:0;border-right-color:transparent}
  html[dir="rtl"] .eb-search-container__has-select .eb-search__search-prefix:nth-of-type(1) .eb-search__select{border-radius:0 .25em .25em 0}
  html[dir="rtl"] .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(1) > .eb-search__select{border-left-color: transparent;border-right-color: inherit}
  html[dir="rtl"] .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(2) > .eb-search__select{border-radius: 0}
  }
  </style>
  <form action="https://searchbox.ebsco.com/search/" target="_blank" class="ebsco-single-search">
  <input name="schemaId" value="search" type="hidden" />
  <input name="type" value="0" type="hidden" />
  <input name="custid" value="chatcol" type="hidden" />
  <input name="groupid" value="main" type="hidden" />
  <input name="profid" value="eds" type="hidden" />
  <input name="authtype" value="shib" type="hidden" />
  <input name="scope" value="site" type="hidden" />
  <input name="site" value="eds-live" type="hidden" />
  <input name="direct" value="true" type="hidden" />
   
  <div class="eb-search-container">
  <div class="eb-search">
  <div class="eb-search__box">
  <label class="eb-sr-only" for="eb-sbb-search-input">Search articles, books, journals & more</label>
  <input class="eb-search__input-bquery" id="eb-sbb-search-input" name="bquery" type="text" placeholder="Search articles, books, journals & more" />
  <button class="eb-search__submit-button" type="submit">
  <div class="eb-search__submit-text">Search</div>
  </button>
  </div>
  </div>
  </div>
  </form>
  <!-- EBSCO Search Box Ends -->
  </div>
  </td></tr></table></div> <div align="right"><A HREF="https://library.chatham.edu/styleguide/images" target="_blank" alt="Click here for more information about the above search box background image" title="Click here for more information about the above search box background image" ><font style="font-size: 0.70em; color: #cecece;"><i>background image</i></a></font></div>
  </div>
  </div>
  <div role="tabpanel" class="tab-pane " id="s-lib-ctab-21809710-1">
   
  <div id="s-lg-content-54718184" class=" clearfix">
  <table align="center" width="100%"><tr><td height="166" background="https://libapps.s3.amazonaws.com/accounts/7528/images/vp.jpg">
  <p align="center">
  <div align="center"><!--
  <form action="https://ebookcentral.proquest.com/lib/chatham-ebooks/search.action" role="form" target="_blank"><table align="center" width="100%"><tr><td align="right">
  <input style="width: 87%; padding:10px; box-shadow: 10px 4px 21px; #000; -webkit-box-shadow: 21px 10px 33px #C7A77D;
  -moz-box-shadow: 14px 21px 11px #000; border-radius: 6px; border: 0px solid #000; font-size: 130%; background-color: #FFFFFF;" type="text" id="query" name="query" class="form-control" placeholder="Search Proquest eBooks"></td><td align="left"> <button style="padding: 9px; type="submit" aria-label='Search' >Search</button> </td></tr></table>
  </form>-->
   
  <script src="https://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
  <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" >
  <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />
   
  <input id="ebscohosturl" name="ebscohosturl" type="hidden" value=http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=1&mode=bool&lang=en&authtype=ip,shib&custid=chatcol&cli0=FT&clv0=Y&profile=eds&group=main />
   
  <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />
  <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />
  <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="PT eBook" />
  <p>
  <input id="ebscohostsearchtext" name="ebscohostsearchtext" type="text" style="width: 57%; padding:7px; box-shadow: 10px 4px 21px; #000; -webkit-box-shadow: 21px 10px 33px #4B4263;
  -moz-box-shadow: 14px 21px 11px #000; border-radius: 6px; border: 0px solid #000; font-size: 125%; background-color: #FFFFFF;" valign="middle"; placeholder="Search for eBooks" />
  <input title="Click Here to Search" type="submit" style="font-size:125%;padding: 9px;" value="GO!"><font color="#abc">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </font>
  </form>
  </div>
  </td></tr></table></div> <div align="right"><A HREF="https://library.chatham.edu/styleguide/images" target="_blank" alt="Click here for more information about the above search box background image" title="Click here for more information about the above search box background image" ><font style="font-size: 0.70em; color: #cecece;"><i>background image</i></a></font>
  </div>
  </div>
  <div role="tabpanel" class="tab-pane " id="s-lib-ctab-21809710-2">
   
  <div id="s-lg-content-49155529" class=" clearfix">
  <table width="100%" align="center"><tr><td background="https://libapps.s3.amazonaws.com/accounts/7528/images/booksb.png" height="166" >
  <p align="center">
   
  <div align="center" >
  <form action="https://chatham.bywatersolutions.com/cgi-bin/koha/opac-search.pl" id="searchform" method="get" name="searchform" target="_blank">
  <input name="q" style="width: 57%; padding:7px; box-shadow: 10px 4px 21px; #000; -webkit-box-shadow: 21px 10px 33px #C7A77D;
  -moz-box-shadow: 14px 21px 11px #000; border-radius: 6px; border: 0px solid #000; font-size: 125%; background-color: #FFFFFF;" valign="middle"; placeholder="Search the Library for books, movies, student work ..." />
  <input style="font-size:125%;padding: 9px;" type="submit" value="GO!" />
   
   
  <div class="dropdown">
  <button class="dropbtn">Browse:</button>
  <div class="dropdown-content" align="left" style="right:0;"><center><b><font color="purple" size="2"><i>Browse by Location or Format:</i></center></font>
  <a href="https://libcat.chatham.edu/cgi-bin/koha/opac-search.pl?q=ccl%3D%28su%3A%7BFinding+aids%7D%29&sort_by=title_az">Archives Finding Aids</a>
  <a href="https://chatham.bywatersolutions.com/cgi-bin/koha/opac-course-reserves.pl">Course Reserves</a>
  <a href="https://library.chatham.edu/cc">Curriculum Collection</a>
  <a href="https://library.chatham.edu/ondisplay">Currently on Display</a>
  <a href="https://library.chatham.edu/npbooks ">eBooks / Audiobooks</a>
  <a href="https://library.chatham.edu/facpubs ">Faculty and Alumni Publications</a>
  <a href="https://library.chatham.edu/fiction ">Fiction Books</a>
  <a href="https://library.chatham.edu/gifts">Gifts to the Library</a>
  <a href="https://library.chatham.edu/media">Movies and Music</a>
  <a href="https://library.chatham.edu/newacq">New Acquisitions</a>
  <a href="https://library.chatham.edu/printperiodicals">Print Serials</a>
  <a href="https://library.chatham.edu/textbooks">Textbook shelf (3rd fl.)</a>
  </b>
  </div>
  </div>
   
   
   
   
  </form></div>
  </p>
  </td></tr></table><div align="right"><A HREF="https://library.chatham.edu/styleguide/images" target="_blank" alt="Click here for more information about the above search box background image" title="Click here for more information about the above search box background image" ><font style="font-size: 0.7em; color: #cecece;"><i>background image</i></a></font></div>
  </div>
  </div>
  </div>
  </div>
  <script>
  // Every time a tab is switched, remove the tabindex for accessibility and keyboard nav
  jQuery('#s-lib-ctabs-21809710 ul.nav-tabs li a').on('shown.bs.tab', function (e) {
  jQuery('#s-lib-ctabs-21809710 ul.nav-tabs li a').removeAttr('tabindex');
  });
   
  // Support direct linking to tabs
  jQuery(function() {
  var hash = window.location.hash;
   
  // Don't try to acccess garbage parameters
  if (hash.length === 0 || jQuery('.s-lib-jqtabs a[href="' + hash + '"]').get(0) === undefined) {
  return;
  }
   
  // Show the tab
  jQuery('.s-lib-jqtabs a[href="' + hash + '"]').tab('show');
  });
  </script>
  </div>
   
  </div>
  </div>
  </div></div>


 
 
:
The Library is

 
 

    Visit us on Instagram    Listen to our playlists on Spotify   Visit us on YouTube      
 

Jennie King Mellon Library | 107 Woodland Road | Pittsburgh, PA 15232 | 412-365-1670 | Maps & Directions | Site map
 

Chatham Home