Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    360 Link: Administration Console -- Branding Options

    • Product: 360 Link

    How do I configure the branding options in the 360 Link Administration Console?

    This page is part of a larger set of documentation about using the Administration Console to configure your 360 Link service.
    Options on this page are for libraries using legacy 360 Link, not the improved interface with Index-Enhanced Direct Linking.
    • If you are not sure which version of 360 Link your library uses, check your 360 Link Administration Console settings.
    • Libraries using the improved interface with Index-Enhanced Direct Linking should see this article for information about Sidebar branding options (and this article about Non-Sidebar Pages Branding).

    The Branding Options page in the 360 Link Administration Console allows you to configure the appearance of your 360 Link interface to match your institution's theme. For example, you can pre-define styles and add header and footer HTML.
    Here is the initial Branding Options screen:
    360 Link Admin Console - Branding Options
    When you are ready to start configuring your branding options, click Edit in the upper-right corner of the page. After you make changes, click Save, or click Cancel to discard your changes.
    Changes to the branding of your 360 Link pages will not be visible to patrons until the next day; to see how your changes will look without having to wait, click Preview.

    Cascading Style Sheet
    By default, we include a Cascading Style Sheet (CSS) that provides formatting controls for the 360 Link results page and Citation Linker page. However, you can add URL (paths) that link to your own CSS file to apply your library's web-interface styles on top of our CSS. Enter your CSS URL paths in the Additional CSS File(s) field; multiple paths should be separated with a space, and each path should be fully qualified (for example, use http://www.yourlibrary.edu/journals.css rather than just /journals.css) with no HTML tags.
    360 Link assumes that your web site reads left-to-right by default, but you may wish to offer your patrons support in languages that read right-to-left (Arabic, for example). If you have chosen to use right-to-left language support for 360 Link in the Languages page, you will see a second Cascading Style Sheet input box into which you may enter the style sheet or CSS statements (or both) that will support that display choice. Again, standard syntaxes should be used.
    As of May 2010, our system only accepts one CSS URL in the Additional CSS File(s) field; if you add more than one, our system will not be able to distinguish between the two and may ignore them entirely. We will advise you when our system can handle more than one additional CSS. In the meantime, you can add extra CSS URLs using the Page Head HTML section in Advanced Optionsusing this syntax <link type="text/css" href="theme.css" />.

    The cascading order of multiple style sheets is first to last. In other words, if more than one style sheet have matching declarations, the last style sheet listed will be the one to affect the actual 360 Link results page.
    The default 360 Link CSS looks like this:
    360 Link Results Page - Default
    If your CSS has all the style information you need and you don't want to layer it on top of the default 360 Link CSS file, then choose to Exclude it.

    Header
    You may enter the HTML for your library's header in the Header section of the Branding Options page. By default, 360 Link results pages do not have anything in the header.
    If you use the HTML from your library web site as a template, the first line of code put into the Header HTML field should be the HTML that starts after the <BODY> tag; the <BODY> tag is not needed because it is already hard-coded in 360 Link.
    If you have necessary code in the <HEAD> section of your HTML (for example, links to multiple style sheets or javascript) and you want it included in 360 Link, enter the code into the Head HTML field on the Advanced Options page.
    For best results, use HTML 4.0 or higher, or XHTML 1.0 Transitional syntax. You may wish to check your HTML before entering it by using the W3C's HTML validator to be sure that it does not contain syntax errors or violations.
    Serials Solutions does not host your images on our servers. For proper display, please include fully qualified image URLs in the HTML you use in the Branding Options page. For example, use <img src="http://www.yourlibrary.edu/images/logo.jpg" /> instead of <img src="/images/logo.jpg" />.
    Many clients have asked whether there is a recommended size for images in the header. The 360 Link design templates are quite flexible and will take virtually any size image you need to use. However, please use your own design sensibility to determine what works best for your interface.
    To clear the Header HTML you've entered, click Reset to Default.

    Footer
    You may enter the HTML for your library's footer in the Footer section of the Branding page. Footers often include logos, contact information, and perhaps navigation bars either as horizontal elements directly below the 360 Link functionality or as vertical navigation to the right of the 360 Link functionality. By default, the 360 Link results page does not have anything in the footer.
    As it is with the Header section (above), it is best to use HTML 4.0 or higher, or XHMTL 1.0 Transitional for Footer elements, and you must use include fully qualified image URLs so that images display properly. </BODY> and </HTML> tags are not needed in the Footer code because these tags are already hard-coded in 360 Link.
    To clear the Footer HTML you've entered, click Reset to Default.

    Browser Title
    You can change the title of your 360 Link results page. Your patrons see this title in the header section of their Web browser.
    By default the browser title reads "Serials Solutions 360 Link". To edit the title to display something else (for example, your library's name), click View/Edit and you will be taken to the Custom Text page, where the label is highlighted in blue for easy identification.


    • Date Created: 9-Feb-2014
    • Last Edited Date: 22-Mar-2015
    • Old Article Number: 7213